/* 
 * haru
 * 结构类
 */
    .haru-row,
    .haru-row>* {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .haru-row:before,
    .haru-row:after {
        content: '';
        display: block;
        clear: both;
    }
    
    .haru-row24 .haru-col {
        float: left;
        border: solid;
    }
    
    .haru-row24 .haru-col24-24 {
        width: 100%;
    }
    
    .haru-row24 .haru-col24-23 {
        width: 95.83333333333334%;
    }
    
    .haru-row24 .haru-col24-22 {
        width: 91.66666666666667%;
    }
    
    .haru-row24 .haru-col24-21 {
        width: 87.5%;
    }
    
    .haru-row24 .haru-col24-20 {
        width: 83.33333333333334%;
    }
    
    .haru-row24 .haru-col24-19 {
        width: 79.16666666666667%;
    }
    
    .haru-row24 .haru-col24-18 {
        width: 75%;
    }
    
    .haru-row24 .haru-col24-17 {
        width: 70.83333333333334%;
    }
    
    .haru-row24 .haru-col24-16 {
        width: 66.66666666666667%;
    }
    
    .haru-row24 .haru-col24-15 {
        width: 62.50000000000001%;
    }
    
    .haru-row24 .haru-col24-14 {
        width: 58.333333333333336%;
    }
    
    .haru-row24 .haru-col24-13 {
        width: 54.16666666666667%;
    }
    
    .haru-row24 .haru-col24-12 {
        width: 50%;
    }
    
    .haru-row24 .haru-col24-11 {
        width: 45.833333333333336%;
    }
    
    .haru-row24 .haru-col24-10 {
        width: 41.66666666666667%;
    }
    
    .haru-row24 .haru-col24-9 {
        width: 37.5%;
    }
    
    .haru-row24 .haru-col24-8 {
        width: 33.333333333333336%;
    }
    
    .haru-row24 .haru-col24-7 {
        width: 29.166666666666668%;
    }
    
    .haru-row24 .haru-col24-6 {
        width: 25%;
    }
    
    .haru-row24 .haru-col24-5 {
        width: 20.833333333333336%;
    }
    
    .haru-row24 .haru-col24-4 {
        width: 16.666666666666668%;
    }
    
    .haru-row24 .haru-col24-3 {
        width: 12.5%;
    }
    
    .haru-row24 .haru-col24-2 {
        width: 8.333333333333334%;
    }
    
    .haru-row24 .haru-col24-1 {
        width: 4.166666666666667%;
    }
	
	/* 
 * 样式类
 */

/* 【.haru-link】 */
.haru-link{
	text-decoration: none !important;
}
.haru-link-color_blue{
	color: #0069e2 !important;
}
.haru-link-hover_arrow:after {
    display: inline-block;
    content: '';
    height: 26px;
    width: 26px;
    background-image: url(https://www.nsecsoft.com/wp-content/image/haru-hp2021-arrow_right.svg);
    position: relative;
    left: 10px;
    bottom: -7px;
    transition: all .3s ease-out;
    visibility: visible;
}

.haru-link-hover_arrow:hover:after {
    left: 18px;
}
/* 背景图：#haru-bg-repeat_x */
#haru-bg-repeat_x {
	background-repeat:repeat-x;
		background-size: auto 100%;
}


/* ********************
 * 
 *   新全局规范
 * 
 * ******************** */
/* 页面标题栏 */
.title_container h1.main-title.entry-title a{
	font-size: 16px;
}
/* 章节大标题 */
.haru-sectiontitle2021{
	font-weight: 900;
    color: #444444;
    font-size: 55px;
	text-align:center;
}

/* 新button2021 */
#top a.avia-button.avia-size-large{
	border-radius:50px;
	font-size: 15px;
	min-width: 10em;
	border: 3px solid;
		padding: 15px 30px;
}
#top a.avia-button.avia-color-dark.avia-size-large{
	color: #444;
	border-color: #444;
}
#top a.avia-button.avia-color-dark.avia-size-large:hover{
	background-color: #0067ed;
	border-color: #0067ed;
	opacity:1;
	color:#fff;
}
#top a.avia-button.avia-color-custom.avia-size-large:hover{
	background-color: #fff !important;
	color:#0067ed !important;
}
/* 文章分类 */
#top #wrap_all .alternate_color h1{
font-size: 30px;
}
/* 语言链接 #header_meta */
   
    .sub_menu>ul#avia2-menu>li#menu-item-17354>a,
    .phone-info.with_nav {
        font-weight: normal;
        font-size: 12px;
    }
    /* 
 * Language 
 */
    
    #menu-item-17354 {
        position: relative;
        top: -12px;
        right: 13px;
    }
    
    #header_meta #avia2-menu #menu-item-17354>a {
        padding: 4px 0 10px 20px;
    }
    
    #menu-item-17354:hover a {
        text-decoration: none;
    }
    
    #header_meta #avia2-menu #menu-item-17354>a::before {
        content: '';
        display: inline-block;
        position: relative;
        top: .5em;
        right: .5em;
        width: 22px;
        height: 22px;
        background-image: url('https://www.nsecsoft.com/wp-content/uploads/2021/01/haru-ls-earth-808080.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    
    @media (max-width: 989px) {
        #menu-item-17354 {
            right: 0;
        }
			        .phone-info.with_nav {
            display: none;
        }
    }
    
    @media (max-width: 767px) {
        .responsive #header .sub_menu,
        .responsive #header_meta .sub_menu>ul {
            text-align: right;
        }
/*         .phone-info.with_nav {
            display: none;
        } */
        #header_meta #avia2-menu #menu-item-17354 {
            padding-right: 0;
        }
        .responsive #header .sub_menu,
        .responsive #header_meta .sub_menu>ul {
            position: relative;
        }
    }
    /* 
 * .sub-menu 
 */
    
    #top .sub_menu #menu-item-17354 ul.sub-menu {
        transition: all 0.33s ease;
    }
    
    #top .sub_menu li ul.sub-menu {
        /* 	display: block; */
        visibility: hidden;
    }
    
    #top .sub_menu li:hover>ul.sub-menu {
        /* 	display: block; */
        visibility: visible;
    }
    
    #header_meta #menu-item-17354 .sub-menu {
        /* 	width: 115px; */
        width: 127px;
    }
    
    #top #header_meta .sub_menu li ul {
        top: 32px;
        left: 8px;
    }
    /* 
 * .sub-menu li
 */
    
    #header_meta #avia2-menu #menu-item-17354 ul li a {
        padding: 4px 20px 10px 20px;
    }
    
    #header_meta #avia2-menu li a::before {
        content: '';
        display: inline-block;
        position: relative;
        top: .5em;
        right: 4px;
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

/* -------------------------------- 

haru-typing style

-------------------------------- */
#haru-typing-container {
    font-family: sans-serif;
    margin: .1em 0;
    color: #232323;
}

#haru-typing-text {
    display: inline-block;
}

#haru-typing-cursor {
    position: relative;
    bottom: .1em;
    right: .2em;
    display: inline-block;
    vertical-align: middle;
    padding: .7em 0;
    width: 1px;
    /*     height: 1.3em; */
    background-color: #232323;
    animation: haru-typing-blink 1s step-end infinite;
}

@keyframes haru-typing-blink {
    from,
    to {
        background-color: transparent;
    }
    50% {
        background-color: #232323;
    }
}

@media only screen and (min-width: 768px) {
    #haru-typing-container {
        font-size: 25px;
    }
}

@media only screen and (max-width: 767px) {
    #haru-typing-container {
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 1.4em;
    }
}

@media only screen and (min-width: 1170px) {
    #haru-typing-container {
        font-size: 45px;
    }
}
/* -------------------------------- 

haru-typing 下面俩框框 style

-------------------------------- */
@media only screen and (max-width: 599px) {
	.cloud-grid.cloud-grid__no-gap.cloud-hero__card-container{
		text-align: center;
	}
	.cloud-grid__col.is-6.is-5__large .cloud-headline4,.cloud-grid__col.is-6.is-7__large .cloud-headline4{
		padding-top:2em;
	}
	#haru-edit-free-trial-button{
		display: block;
		padding: .9em;
		width: 50%;
		margin: 2em auto;
	}

	.cloud-grid__col.is-6.is-5__large .cloud-hero__gsuite-icons{
display:inline-block;
	}
}

/* -------------------------------- 

haru-article-list

-------------------------------- */
.haru-article-cat a{
    font-size: 20px;
    line-height: 1.5em;
    color:#202124;
	display:block;
	padding:10px 0;
}
.haru-article-cat a:hover{
text-decoration:none;
	color:#202124;
}
 .haru-article-cat:hover + .haru-article-h5-underline{
background-color: rgba(0, 103, 237,.5);
} 
.haru-article-h5-underline{
margin-bottom:20px;
background-color: rgba(0, 103, 237,.3);
height: 6px;
position: relative;
bottom: 18px;
	transition:.2s;
}
.haru-article-h5-underline.haru-article-underline{
width: 150px;
}
.haru-article-h5-underline.haru-article-underline-s{
width: 80px;
}
.av-magazine .av-magazine-no-thumb .av-magazine-content-wrap time{
float: right;
}
.av-magazine .av-magazine-no-thumb .av-magazine-content-wrap .av-magazine-title:hover{
color:rgb(0, 103, 237);
}
.av-magazine .av-magazine-no-thumb .av-magazine-content-wrap .av-magazine-title a{
	line-height:1.9em;
}
.av-magazine .av-magazine-no-thumb .av-magazine-content-wrap{
	border-bottom:dashed 1px #e1e1e1;
}
/* -------------------------------- 

haru-上网行为管理下面的ul模块

-------------------------------- */
@media screen and (min-width: 768px) {
        .haru-col-1-3 {
            width: 33.3333%;
        }
        .haru-col-2-3 {
            width: 66.6666%;
        }
        .haru-col {
            display: inline-block;
            display: inline;
            zoom: 1;
            letter-spacing: normal;
            word-spacing: normal;
            vertical-align: top;
            text-rendering: auto;
        }
    }
    

.haru-combine-items{
/* 	height:100%; */
color:#444;
}
.haru-combine-items a{
color: #4285f4
}
.haru-combine-items a:hover {
color: #4285f4
}
        .haru-combine-items ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
    }
    .haru-combine-items li {
        display: list-item;
    }

    .haru-combine-items ul .haru-combine-item:nth-child(1) {
        border-top: 1px solid #cbd6e2;
    }
    
    .haru-combine-items.haru-combine-items-disable-hover .haru-combine-item {
        cursor: default;
    }
    
    .haru-combine-items.haru-combine-items-disable-hover .haru-combine-item {
        cursor: default;
    }
    
    .haru-combine-items ul .haru-combine-item {
			margin-left:0;
        padding: 30px 10px;
        border-bottom: 1px solid #cbd6e2;
        border-left: none;
        border-right: none;
        border-top: none;
        cursor: pointer;
        position: relative;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;
    }

.haru-combine-item-right{
	font-weight:300;
	color:#444444;
	font-size:18px;
	padding-right:1em;
}

    @media (min-width: 1024px) {
        .haru-pure-g.haru-autopad {
            margin: -12px;
        }
    }
    
    .haru-pure-g {
/*         letter-spacing: -0.31em;
        *letter-spacing: normal;
        *word-spacing: -0.43em; */
        text-rendering: optimizespeed;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }
    
/* -------------------------------- 

haru-数据防泄露的tabsection模块

-------------------------------- */
#haru-dlp-tabsection{
background-color: #edf1f5;
}

#haru-dlp-tabsection span.av-tab-arrow-container{
display: none;
}
 
#haru-dlp-tabsection a.av-active-tab-title{

background-color: #fff;

	box-shadow: -8px 0px 20px -15px rgba(0, 0, 0, 0.2); 
color: #606a72;
	border-radius: 15px 15px 0 0;
	font-weight: 600;
	padding: 5px 30px;
}

#haru-dlp-tabsection .av-layout-tab.av-animation-delay-container.av-active-tab-content.__av_init_open.avia-builder-el-6, #haru-dlp-tabsection .av-layout-tab.av-animation-delay-container.avia-builder-el-18.el_after_av_tab_sub_section.avia-builder-el-last.av-active-tab-content{
	display:inline-block;
}

@media only screen and (min-width: 768px) {
	#haru-dlp-tabsection .av-layout-tab-inner .container{
		max-width: 1430px;
		padding:0px 50px;
		margin: 0 auto;
}
#haru-dlp-tabsection .av-layout-tab-inner .container .flex_column_table.av-equal-height-column-flextable {
	background-color: #fff;
box-shadow: -8px 0px 20px -15px rgba(0, 0, 0, 0.2); 
		padding:0px 50px;
}	
	

}

/* -------------------------------- 

haru-即时通讯监管的结尾卡片组

-------------------------------- */
#haru-im-cardgroup .av_one_third.column-top-margin{
position:relative;
}

#haru-im-cardgroup .av_one_third.column-top-margin:after ,#haru-im-cardgroup .av_one_third.column-top-margin:before {
    box-sizing: inherit;
}
#haru-im-cardgroup .av_one_third.column-top-margin:hover:before {
    content: "";
    position: absolute;
    bottom: -8px;
    height: 8px;
    left: 0;
    right: 0;
}
#haru-im-cardgroup .av_one_third.column-top-margin:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 999;
    transition: box-shadow .3s ease;
    box-shadow: 0 4px 32px 0 rgba(10,14,29,.02), 0 8px 64px 0 rgba(10,14,29,.08);
    border-radius: 3px;
}

#haru-im-cardgroup .av_one_third.column-top-margin:hover:after {
    box-shadow: 0 16px 40px 0 rgba(10,14,29,.04), 0 16px 80px 0 rgba(10,14,29,.16);
}

#haru-im-cardgroup .av-special-heading .av-special-heading-tag,
#haru-im-cardgroup .av_textblock_section .avia_textblock{
	padding-left: 20px;
}
#haru-im-cardgroup .av_one_third .hr-custom{
	min-height:10px;
	max-height: 10px;
/* 	opacity:.7; */
	background-color:#e4e4e4;
transition: 1s ease;
}
#haru-im-cardgroup .av_one_third:hover .hr-custom{
background-color:#1e38a3;
}
#haru-im-cardgroup .av_one_third:hover {
transform: translate3d(0,-8px,0);
	    transition: transform .3s ease;
}

/* -------------------------------- 

haru-电子邮件监管circleborder

-------------------------------- */
.haru-circleborder {
text-align: center;
}
.haru-circleborder p{
        width: 200px;
        height: 200px;
        margin: 0;
        -moz-border-radius: 200px;
        -webkit-border-radius: 200px;
        border-radius: 200px;
        box-sizing: border-box;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 15px;
			text-align:center;
    }
    
    .haru-circleborder p span {
        padding: 0 20px;
    }
/* -------------------------------- 

haru-侧标签栏section

-------------------------------- */
#haru-tabsection{
	font-size:15px;
}
@media only screen and (min-width: 768px) {
	#haru-tabsection .noborder_tabs.sidebar_tab_left .tab{
	width: 150px;
}
	
#haru-tabsection .tabcontainer{
border:none;
}
	
		
	#haru-tabsection  .tab_inner_content.invers-color{
display:flex;
		align-items:center;
		justify-content:space-around;
}
	
#haru-tabsection  .tab_inner_content.invers-color p{
	display:inline-block;
	width:45%;
	line-height: 2em;
/*  color: #444; */
}
	
}
@media only screen and (max-width: 767px) {
#haru-tabsection .tabcontainer{
border:none;
}

	
}

#haru-tabsection .noborder_tabs.sidebar_tab_left .tab{
	border:none;
	border-left: 5px solid #b9bfc4;
	background-color: #f6f9fb;
color: #c7ccd0;
margin-bottom: 20px;
}
#haru-tabsection .noborder_tabs.sidebar_tab_left .tab.active_tab{
	background-color: #e3eaf2;
border-left-color: #0067e6;
color: #606a72;
}

#haru-tabsection .noborder_tabs.sidebar_tab_left .tab_content, .noborder_tabs.sidebar_tab_right .tab_content{
/* 	background-color: #e3eaf2; */
	padding:30px 40px 40px 30px;
	margin-bottom:20px;
	    box-shadow: -8px 0px 20px -15px rgba(0, 0, 0, 0.2);
}
/* .noborder_tabs.sidebar_tab_left .tab_content, .noborder_tabs.sidebar_tab_right .tab_content {
    border: none;
    box-shadow: -8px 0px 20px -15px rgba(0, 0, 0, 0.2); */

/* -------------------------------- 

haru-跨背景图标签section

-------------------------------- */

#haru-activemonitor-tebsection-bg1-2{
	background-image: url(http://www.nsecsoft.com/wp-content/uploads/2020/10/haru-banner80.jpg) ;
/* 	background-attachment: fixed; */
	background-repeat:no-repeat;
	background-position: top center ;
	
}
#haru-activemonitor-tebsection-bg2-2 .av-tab-section-tab-title-container{
	font-size:16px;
	    padding: 49px 0;
	    border-top: 1px solid #18395a;
    border-bottom: 1px solid #18395a;
background: transparent;
}
#haru-activemonitor-tebsection-bg2-2 a.av-section-tab-title {
color: #6d829c;
    font-weight: 600;
	padding: 0;
		min-width: 275px;
		transition: .3s;
}
#haru-activemonitor-tebsection-bg2-2 a.av-section-tab-title:hover {
color: #48648c;
}
#haru-activemonitor-tebsection-bg2-2 a.av-section-tab-title .av-inner-tab-title{
width: 100%;
	margin:0;
	padding: 0;
}
#haru-activemonitor-tebsection-bg2-2 a.av-section-tab-title.av-active-tab-title .av-outer-tab-title{
color: #fff;
}
#haru-activemonitor-tebsection-bg2-2 .av-tab-arrow-container {
display: none;
}
#haru-activemonitor-tebsection-bg2-2{
	background-image: url(http://www.nsecsoft.com/wp-content/uploads/2020/10/haru-banner80.jpg) ;
/* 		background-attachment: fixed; */
	background-repeat:no-repeat;
		background-position: bottom center ;
}

#haru-activemonitor-headicon .avia-image-container{
    max-width: 72px;
    height: 72px;
	text-align:left;
	margin-left:0;
}

/****************************
 * 
 * 
 * 文章
 * 
 * 
 * ***************/


/* .template-blog main article header h1.post-title{
	line-height: 1em;
} */

.template-blog main article header h1.post-title a {
    font-size: 24px;
}

#top #wrap_all .template-blog aside.sidebar .inner_sidebar section h3.widgettitle,
.template-blog aside.sidebar .inner_sidebar section ul li.cat-item a {
    font-size: 14px;
}

.template-blog h2.post-title.entry-title a{
font-size: 24px;}
#haru-hp-rotation {
position: relative;
	z-index: 1;
}

/****************************
 * 
 * 
 * haru-style.css 零碎覆盖
 * 
 * 
 * ***************/

#haru-activemonitor-headicon .avia-image-container {
    max-width: 72px;
    height: auto;
    text-align: left;
    margin-left: 0;
}

div .alternate_color .tabcontainer.noborder_tabs .active_tab_content {
    color: #444;
    background-color: #fff;
}

#haru-tabsection .noborder_tabs.sidebar_tab_left .tab {
    font-size: 16px;
}

#haru-tabsection .noborder_tabs.sidebar_tab_left .tab.active_tab {
    background-color: #e3eaf2;
    border-left-color: #0067e6;
    color: #606a72;
    font-weight: normal;
}

@media (min-width: 767px) {
    #haru-tabsection .noborder_tabs.sidebar_tab_left .tab {
        width: 12em;
    }
}

#haru-edit-free-trial-boxes .cloud-headline4 {
    font-size: 20px;
}

#gc-wrapper .cloud-grid-col p {
    font-size: 14px;
}

.cloud-section-p {
    padding-top: 60px;
    padding-left: 60px;
}

#haru-article-list h3.av-magazine-title a {
    font-size: 13px;
}

#haru-dlp-tabsection .av-layout-tab-inner .container .flex_column_table.av-equal-height-column-flextable {
    background-color: #fff;
    box-shadow: -8px 0px 20px -15px rgba(0, 0, 0, 0.2);
    padding: 0px 50px;
}

#haru-activemonitor-tebsection-bg2-2 a.av-section-tab-title {
    color: #6d829c;
    font-weight: 600;
    padding: 0 10px;
    max-width: auto;
    transition: .3s;
}

#haru-activemonitor-tebsection-bg2-2 .av-tab-section-tab-title-container {
    max-width: 1430px;
    margin: 0 auto;
    clear: both;
    font-size: 16px;
    min-height: 100px;
    max-height: 100px;
    height: 100px;
    padding: 2em 0;
    border-top: 1px solid #18395a;
    border-bottom: 1px solid #18395a;
    background: transparent;
}


/* #haru-activemonitor-tebsection-bg1-2 {
    background-image: url(http://www.nsecsoft.com/wp-content/uploads/2020/10/haru-banner80.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
	background-size: 100% auto;
    background-position: top center;
} */

#haru-activemonitor-tebsection-bg2-2 {
    background-color: #091f3a;
    background-image: url(http://www.nsecsoft.com/wp-content/uploads/2020/10/haru-banner80.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: stretch;
    background-position: bottom center;
}

#haru-tabsection .noborder_tabs.sidebar_tab_left .tab_content,
.noborder_tabs.sidebar_tab_right .tab_content {
    padding: 30px 40px 40px 30px;
    margin-bottom: 20px;
    box-shadow: -10px -5px 15px -15px rgba(0, 0, 0, .2);
}

.haru-combine-items ul .haru-combine-item {
    margin-left: 0;
    padding: 40px 10px;
    border-bottom: 1px solid #cbd6e2;
    border-left: none;
    border-right: none;
    border-top: none;
    cursor: auto;
    /*     cursor: pointer; */
    position: relative;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.haru-combine-items.haru-dark-bg ul .haru-combine-item .haru-col-1-3 {
    display: flex;
    align-items: center;
}

.haru-combine-items.haru-dark-bg ul .haru-combine-item h3 {
    margin-bottom: 0;
}


/****************************
 * 
 * 
 * 数据防泄漏#haru-dlp-tebsection-bg2-2 
 * 
 * 
 * ***************/


/* #haru-dlp-tebsection-bg1-2{
	background-image: url(http://www.nsecsoft.com/wp-content/uploads/2020/10/haru-banner80.jpg) ;
	background-repeat:no-repeat;
	background-position: top center ;
} */


/* #haru-dlp-tebsection-bg2-2 .av-tab-section-tab-title-container{
	font-size:16px;
	    padding: 49px 0;
	    border-top: 1px solid #18395a;
    border-bottom: 1px solid #18395a;
background: transparent;
} */

#haru-dlp-tebsection-bg2-2 a.av-section-tab-title {
    color: #6d829c;
    font-weight: 600;
    padding: 0;
    min-width: 275px;
    transition: .3s;
}

#haru-dlp-tebsection-bg2-2 a.av-section-tab-title:hover {
    color: #48648c;
}

#haru-dlp-tebsection-bg2-2 a.av-section-tab-title .av-inner-tab-title {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

#haru-dlp-tebsection-bg2-2 a.av-section-tab-title.av-active-tab-title .av-outer-tab-title {
    color: #fff;
}

#haru-dlp-tebsection-bg2-2 .av-tab-arrow-container {
    display: none;
}

#haru-dlp-tebsection-bg2-2 a.av-section-tab-title {
    color: #6d829c;
    font-weight: 600;
    padding: 0 10px;
    max-width: auto;
    transition: .3s;
}

#haru-dlp-tebsection-bg2-2 .av-tab-section-tab-title-container {
    max-width: 1430px;
    margin: 0 auto;
    clear: both;
    font-size: 16px;
    padding: 2em 0;
    border-top: 1px solid #18395a;
    border-bottom: 1px solid #18395a;
    background: transparent;
}

#haru-dlp-tebsection-bg2-2 {
    background-color: rgb(22, 26, 63);
}

@media screen and (min-width: 1000px) {
    #haru-dlp-tebsection-bg2-2 img {
        max-width: 500px;
    }
}


/****************************
员工活动监控 #haru-activemonitor-tebsection-bg2-2
 * ***************/

#haru-activemonitor-tebsection-bg2-2 a.av-section-tab-title .av-inner-tab-title {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

#haru-activemonitor-tebsection-bg2-2 .av-tab-section-outer-container .av-tab-section-inner-container.avia-section-small {
    position: relative;
    z-index: 1;
}

#haru-activemonitor-tebsection-bg2-2 .avia-section-small .av-layout-tab {
    padding-top: 0px;
    padding-bottom: 0px;
}


/****************************
 * 
 * 
 * 
 *
员工活动监控 #haru-active-monitor-floatsection
 * 
 * 
 * ***************/

#haru-active-monitor-floatsection {
    background-color: transparent;
    height: 0;
    min-height: 0;
    /* float: left; */
    position: relative;
    top: 100px;
}


/****************************
 * 
 * 
 * 快速上手使用#haru-im-cardgroup
 * 
 * 
 * ***************/
 
#haru-im-cardgroup .av-special-heading .av-special-heading-tag,
#haru-im-cardgroup .av_textblock_section .avia_textblock {
    padding-left: 0px;
}

#haru-im-cardgroup .av_one_fifth.el_after_av_one_fifth:hover {
    box-shadow: none;
    cursor: default;
    transition: none;
    transform: none;
}
#haru-im-cardgroup .av_one_fifth.el_after_av_one_fifth a{
	box-shadow: 0px 9px 26px -14px rgb(138, 169, 188);
transition: all 0.33s ease;
}
#haru-im-cardgroup .av_one_fifth.el_after_av_one_fifth a img{
		    max-height: 300px;
    width: auto;
}
#haru-im-cardgroup .av_one_fifth.el_after_av_one_fifth a:hover{
	    box-shadow: 0px 15px 40px -10px rgb(138, 169, 188);
    transform: translate3d(0, -8px, 0);
    transition: transform .3s ease;
}

#haru-im-cardgroup .av_one_fifth.el_after_av_one_fifth span.image-overlay{
display: none !important;
}

/*
#haru-im-cardgroup .av-special-heading .av-special-heading-tag,
#haru-im-cardgroup .av_textblock_section .avia_textblock {
    padding-left: 0px;
}

#haru-im-cardgroup .av_one_fifth:hover {
    box-shadow: none;
    cursor: default;
    transition: none;
    transform: none;
}

#haru-im-cardgroup .av_one_fifth img {
    box-shadow: 0 7px 15px 2px rgba(138, 169, 188, .5);
}

#haru-im-cardgroup .av_one_fifth img {
    max-height: 300px;
    width: auto;
}

#haru-im-cardgroup .av_one_fifth img:hover {
    box-shadow: 0 7px 25px 4px rgb(138, 169, 188);
    cursor: pointer;
    transition: box-shadow .3s ease;
    transform: translate3d(0, -8px, 0);
    transition: transform .3s ease;
}
*/


/****************************
 * 
 * 
 * 相关阅读#haru-relative_reading
 * 
 * 
 * ***************/

#haru-relative_reading .av-special-heading .av-special-heading-tag,
#hharu-relative_reading .av_textblock_section .avia_textblock {
    padding-left: 0px;
}

#haru-relative_reading .av_one_fifth:hover {
    box-shadow: none;
    cursor: default;
    transition: none;
    transform: none;
}

#haru-relative_reading .av_one_fifth img {
    box-shadow: 0 7px 15px 2px rgba(138, 169, 188, .5);
}

#haru-relative_reading .av_one_fifth img {
    max-height: 300px;
    width: auto;
}

#haru-relative_reading .av_one_fifth img:hover {
    box-shadow: 0 7px 25px 4px rgb(138, 169, 188);
    cursor: pointer;
    transition: box-shadow .3s ease;
    transform: translate3d(0, -8px, 0);
    transition: transform .3s ease;
}


/****************************
 * 
 * 
 * haru-sectiontitle-w-icon
 * 
 * 
 * ***************/

.haru-sectiontitle-w-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.haru-sectiontitle-w-icon * {
    margin: 0 5px;
    font-size: 38px;
    font-weight: 300;
    display: inline-block;
}

.haru-sectiontitle-w-icon img {
    height: 1em;
}


/****************************
 * 
 * 
 * haru-shadowbox-sm
 * 
 * 
 * ***************/

.haru-shadowbox-sm .package-info-card {
    background: #f3f6f9;
    -moz-box-shadow: 0 15px 29px rgba(75, 117, 169, 0.5);
    -webkit-box-shadow: 0 15px 29px rgba(75, 117, 169, 0.5);
    box-shadow: 0 15px 29px rgba(75, 117, 169, 0.5);
}

.haru-shadowbox-sm .section,
.section-small,
.haru-shadowbox-sm .section-large {
    overflow: hidden;
}

.haru-shadowbox-sm .pure-g.autopad-60>* {
    padding: 20px;
}

.haru-shadowbox-sm .right {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.haru-shadowbox-sm .center {
    text-align: center;
}

.haru-shadowbox-sm .align-middle {
    align-self: center;
}

.haru-shadowbox-sm .pure-g>* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .haru-shadowbox-sm .pure-g.autopad-60 {
        margin: -30px;
    }
    .haru-shadowbox-sm .section {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

.haru-shadowbox-sm .pure-g {
    text-rendering: optimizespeed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

@media screen and (min-width: 768px) {
    .haru-shadowbox-sm .pure-u-md-1-6,
    .pure-u-md-5-6 {
        display: inline-block;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }
    .haru-shadowbox-sm .pure-u-md-1-6 {
        width: 16.6667%;
    }
    .haru-shadowbox-sm .pure-u-md-5-6 {
        width: 83.3333%;
    }
}

.haru-shadowbox-sm .package-info-card {
    background: #f3f6f9;
    -moz-box-shadow: 0 15px 29px rgba(75, 117, 169, 0.5);
    -webkit-box-shadow: 0 15px 29px rgba(75, 117, 169, 0.5);
    box-shadow: 0 15px 29px rgba(75, 117, 169, 0.5);
    font-size: inherit;
    color: inherit;
}

.haru-shadowbox-sm h3 {
    font-size: 38px;
    /* 	font-weight: 300; */
}

.haru-shadowbox-sm .haru-shadowbox-sm-p {
    color: #444444;
    font-size: 15px;
    margin: 0.85em 0;
}


/****************************
 * 
 * 
 * #haru-autobackup-iconlist
 * 
 * 
 * ***************/

#haru-autobackup-iconlist ul.avia-icon-list li {
    padding: 20px 0;
}

#haru-autobackup-iconlist .iconlist-char {
    font-size: 1.5em !important;
}

#haru-autobackup-iconlist .iconlist_icon {
    padding-right: 2em;
}


/* #haru-autobackup-iconlist .avia_image{
-moz-box-shadow: 0px 15px 30px rgba(75,117,169,0.5);
-webkit-box-shadow: 0px 15px 30px rgba(75,117,169,0.5);
box-shadow: 0px 15px 30px rgba(75,117,169,0.5);
} */

#haru-autobackup-iconlist .iconlist_content {
    padding-top: 1em;
}


/****************************
 * 
 * 
 * haru-pagebuttom-buybutton
 * 
 * 
 * ***************/

.haru-pagebuttom-buybutton {
    padding-top: 20px;
}

.haru-pagebuttom-buybutton a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color .3s, background .3s, color .3s;
    vertical-align: top;
    white-space: nowrap;
    outline: 0;
    font-weight: normal;
    line-height: 28px;
    border: solid 2px;
    min-width: 200px;
    max-width: 100%;
    font-size: 16px;
    padding: 0 2em;
    height: 60px;
    border-radius: 3px;
}


/* .haru-pagebuttom-buybutton a:hover{
text-decoration: none;
background: transparent;
outline: 0;
} */

.haru-pagebuttom-buybutton a:hover,
.haru-pagebuttom-buybutton a:visited,
.haru-pagebuttom-buybutton a:active,
.haru-pagebuttom-buybutton a:focus {
    text-decoration: none;
}

.haru-pagebuttom-buybutton .haru-btn-text {
    z-index: 10;
    position: relative;
    pointer-events: none;
}

.haru-pagebuttom-buybutton a.haru-white-btn {
    color: #fff;
    border-color: #fff;
}

.haru-pagebuttom-buybutton a.haru-white-btn:hover {
        border-color: rgba(223, 226, 235, .64);
    color: rgba(223, 226, 235, .64);
}

.haru-pagebuttom-buybutton a.haru-black-btn {
    color: #444;
    border-color: #444;
}

.haru-pagebuttom-buybutton a.haru-black-btn:hover {
       border-color: rgba(68, 68, 68, .5);
    color: rgba(68, 68, 68, .5);
}


/****************************
 * 
 * 
 * haru-autoback-halfbg
 * 
 * 
 * ***************/


/* #haru-halfbg-section{
	position:relative;
}
.haru-autoback-halfbg{
position:absolute;
	bottom:0;
	left:0;
} */


/****************************
 * 
 * 
 * haru-autobackup-easyslider
 * 
 * 
 * ***************/

#haru-autobackup-easyslider .avia-slideshow-arrows.avia-slideshow-controls {
    display: none;
}

#haru-autobackup-easyslider .av-control-minimal .avia-slideshow-dots a.goto-slide {
    border: none;
    background-color: #b3b3b3;
    opacity: 1;
    padding: 0px;
    width: 8px;
    height: 8px;
    margin: 0 5px;
}

#haru-autobackup-easyslider .av-control-minimal .avia-slideshow-dots a.goto-slide:hover {
    /*     background: #0067e6; */
    background: rgba(0, 103, 230, 0.5);
    ;
}

#haru-autobackup-easyslider .av-control-minimal .avia-slideshow-dots a.goto-slide.active {
    /*     background: #0067e6; */
    background: #fff;
}


/****************************
 * 
 * 
 * 数据防泄漏 haru-dlp-slidersection
 * 
 * 
 * ***************/

#haru-dlp-slidersection {
    background-color: rgb(237, 241, 245);
}

#haru-dlp-slidersection .av-tab-section-tab-title-container {
    max-width: 1430px;
    margin: 0 auto;
    /*     padding: 0px 50px; */
    clear: both;
    border-top: 1px solid #cbd6e2;
    border-bottom: 1px solid #cbd6e2;
    padding: 1em 0;
}

#haru-dlp-slidersection a.av-section-tab-title .av-inner-tab-title {
    font-weight: 600;
}

#haru-dlp-slidersection .av-tab-arrow-container {
    display: none;
}


/****************************
 * 
 * 
 * 工作效率评估 haru-productivity-cardgroupsection
 * 
 * 
 * ***************/

#haru-productivity-cardgroupsection .av-flex-placeholder {
    /* 	width: 2%; */
}

#haru-productivity-cardgroupsection .av_one_fifth .av-special-heading-tag {
    font-weight: 400;
    line-height: 1.5em;
}

#haru-productivity-cardgroupsection .av_one_fifth {
    width: 240px;
    max-height: 250px;
}

#haru-productivity-cardgroupsection .av_one_fifth:hover {
    box-shadow: 0 7px 25px 4px #d1ddeb;
    cursor: pointer;
    transition: box-shadow .3s ease;
}

#haru-productivity-cardgroupsection .flex_column {
    /* 	margin: 0; */
    /* 	margin-bottom: 20px; */
    width: 100%;
}


/****************************
 * 
 * 
 * 工作效率评估 #haru-contentslider-section-productivity
 * 
 * 
 * ***************/

#haru-contentslider-section-productivity .avia-slideshow-dots.avia-slideshow-controls {
    display: none;
}

#haru-contentslider-section-productivity .av-subheading{
	color: #5f6368;
font-family: Arial,sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1;
margin: 0;
overflow: visible;
}

/****************************
 * 
 * 
 *软硬件资产统计 .haru-assetstatistics-moreinfolink
 * 
 * 
 * ***************/

a.haru-assetstatistics-moreinfolink {
    -moz-transition: all .33s ease;
    -o-transition: all .33s ease;
    -webkit-transition: all .33s ease;
    transition: all .33s ease;
}


/****************************
 * 
 * 
 * 
 *软硬件资产统计 #haru-assetstatistics-cardgroupsection
 * 
 * 
 * ***************/

#haru-assetstatistics-cardgroupsection .av-special-heading {
    margin-top: 0;
}

#haru-assetstatistics-cardgroupsection .av_one_fourth h3.av-special-heading-tag {
    margin-top: 30px !important;
    font-weight: 500 !important;
}

#haru-assetstatistics-cardgroupsection .av_one_fourth .av-special-heading-h2 {
    margin-top: 1.5em;
}

#haru-assetstatistics-cardgroupsection .av_one_fourth .av-special-heading-h2>* {
    font-weight: 400;
    line-height: 1.5em;
}

#haru-assetstatistics-cardgroupsection .av_one_fourth {
    width: 240px;
    max-height: 250px;
    cursor: default !important;
}

#haru-assetstatistics-cardgroupsection .av_one_fourth a {
    cursor: pointer !important;
}

#haru-assetstatistics-cardgroupsection .av_one_fourth img {
    width: auto;
    height: 61px;
}

#haru-assetstatistics-cardgroupsection .av_one_fourth:hover {
    box-shadow: 0 7px 25px 4px #d1ddeb;
    cursor: pointer;
    transition: box-shadow .3s ease;
}


/****************************
 * 
 * 
 * 
 *软硬件资产统计 #haru-assetstatistics-cardgroupsection2
 * 
 * 
 * ***************/

#haru-assetstatistics-cardgroupsection2 .av_one_third {
    border: 1px solid #dce4ec;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: background .33s ease;
    -o-transition: background .33s ease;
    -webkit-transition: background .33s ease;
    transition: background .33s ease;
    height: auto;
    /* 	padding-bottom: 0; */
}

#haru-assetstatistics-cardgroupsection2 .av_one_third:hover {
    background-color: #f2f5f8;
}

#haru-assetstatistics-cardgroupsection2 .av_one_third .av-special-heading-h2 {
    margin-top: 0em;
}

#haru-assetstatistics-cardgroupsection2 .av_one_third .av-special-heading-h2>* {
    font-weight: 400;
    line-height: 1.5em;
}

#haru-assetstatistics-cardgroupsection2 a.haru-assetstatistics-moreinfolink {
    display: inline-block;
    padding: 1em 0;
}

#haru-assetstatistics-cardgroupsection2 a.haru-assetstatistics-moreinfolink:hover {
    text-decoration: underline !important;
}


/****************************
 * 
 * 
 * 
 *软硬件资产统计 #haru-assetstatistics-opacitybgsection
 * 
 * 
 * ***************/

#haru-assetstatistics-opacitybgsection>.container {
    max-width: 100%;
    padding: 0;
}

#haru-assetstatistics-opacitybgsection .av_one_third.el_after_av_one_third.el_before_av_one_third:before {
    background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/10/haru-slide_banner_2.jpg");
}

#haru-assetstatistics-opacitybgsection .av_one_third.first:before {
    background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/10/haru-slide_banner_1.jpg");
}

#haru-assetstatistics-opacitybgsection .av_one_third.el_after_av_one_third:before {
    background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/10/haru-slide_banner_3.jpg");
}

#haru-assetstatistics-opacitybgsection .av_one_third:before {
    z-index: 0;
    visibility: visible;
    -moz-transition: all .33s ease;
    -o-transition: all .33s ease;
    -webkit-transition: all .33s ease;
    transition: all .33s ease;
    position: absolute;
    background-repeat: no-repeat;
    content: ' ';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.2;
    background-size: cover;
    background-position: center center;
}

#haru-assetstatistics-opacitybgsection .av_one_third:hover:before {
    opacity: 0.5;
}

#haru-assetstatistics-opacitybgsection .av_one_third .av_textblock_section,
#haru-assetstatistics-opacitybgsection .avia_codeblock_section {
    position: relative;
    z-index: 1;
}

#haru-assetstatistics-opacitybgsection .haru-white-button a {
    margin: 0 auto;
}


/****************************
 * 
 * 
 * 
 *软硬件资产统计 .haru-white-button
 * 
 * 
 * ***************/

.haru-white-button {
    padding-top: 20px;
}

.haru-white-button a {
    display: block;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    font-size: 15px;
    border-radius: 35px;
    box-sizing: border-box;
    max-width: 9em;
    padding: .5em 1em;
    /* 	margin: 0 auto; */
    text-align: center;
    transition: all 0.33s ease;
}

.haru-white-button a:hover {
    border-color: #0067e6 !important;
    background-color: #0067e6;
    transition: all 0.33s ease;
    color: #fff !important;
    text-decoration: none;
    /* 
background: transparent;
border-color: rgba(223,226,235,.64);
	cursor: pointer;

outline: 0; */
}

.haru-white-button .haru-btn-text {
    z-index: 10;
    position: relative;
    pointer-events: none;
}


/****************************
 * 
 * 
 * 
 *软件统一分发、部署 #haru-software_management-tabsection
 * 
 * 
 * ***************/

#haru-software_management-tabsection img,
#haru-software_management-tabsection2 img {
    display: block;
}

#haru-software_management-tabsection .flex_column.av_one_full,
#haru-software_management-tabsection2 .flex_column.av_one_full {
    margin: 0;
}

#haru-software_management-tabsection .tabcontainer {
    display: flex;
    align-items: center;
}


/* #haru-software_management-tabsection .haru-autopad  h3.haru-combine-item-right{
	margin-bottom: 0;
} */

#haru-software_management-tabsection .tab.fullsize-tab {
    display: none;
}

#haru-software_management-tabsection .tab {
    margin: 12px;
    color: #2e3742;
    width: 40%;
    padding: 2px 5px;
    border: 2px solid #2e3742;
    font-size: 18px;
    display: block;
    text-align: center;
    white-space: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

#haru-software_management-tabsection .tab.active_tab {
    border-color: #2e3742;
    background-color: #2e3742;
    color: #fff !important;
    font-weight: normal;
}

#haru-software_management-tabsection .sidebar_tab .tab_titles {
    width: 50%;
    min-width: 170px;
    max-width: none;
    float: left;
    display: inline-block;
}

#haru-software_management-tabsection .tab_content,
#haru-software_management-tabsection2 .tab_content {
    background-color: transparent;
    box-shadow: none;
}

@media (max-width: 767px) {
    #haru-software_management-tabsection .tab_content.active_tab_content,
    #haru-software_management-tabsection2 .tab_content.active_tab_content {
        background-color: transparent !important;
    }
    #haru-software_management-tabsection .tabcontainer {
        border: none;
    }
    #haru-software_management-tabsection .tab {
        margin: 12px;
        color: #2e3742;
        width: 100%;
    }
    #haru-software_management-tabsection .tabcontainer {
        display: block;
    }
    #haru-software_management-tabsection .sidebar_tab .tab_titles {
        width: 100%;
    }
    #haru-software_management-tabsection .tab {
        margin: 12px 0;
    }
    #haru-software_management-tabsection .tabcontainer .active_tab {
        background-color: #2e3742 !important;
    }
}


/****************************
 * 
 * 
 * 
 *软件统一分发、部署 #haru-software_management-tabsection2
 * 
 * 
 * ***************/

#haru-software_management-tabsection2 .tabcontainer .tab_titles .tab.fullsize-tab {
    display: block;
}

#haru-software_management-tabsection2 .tab_titles .haru-autopad {
    display: flex;
    align-items: center;
}

#haru-software_management-tabsection2 .tab {
    border-top: 1px solid #cbd6e2;
    border-bottom: 1px solid #cbd6e2;
    border-right: none;
    transition: all .2s ease-in-out;
}

#haru-software_management-tabsection2 .tab:hover {
    background-color: rgba(243, 246, 249, 0.5);
}

#haru-software_management-tabsection2 .active_tab::before {
    background-color: #0067e6;
    content: ' ';
    width: 15px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

#haru-software_management-tabsection2 .haru-combine-items ul .haru-combine-item:nth-child(1) {
    border-top: none;
    border-bottom: none;
}

#haru-software_management-tabsection2 .sidebar_tab .tab_titles {
    max-width: 50%;
}

#haru-software_management-tabsection2 .sidebar_tab .tab_titles {
    cursor: pointer;
    width: 50%;
}

#haru-software_management-tabsection2 .haru-combine-item {
    cursor: pointer;
}


/* @media (min-width: 768px){
	#haru-software_management-tabsection2 section .active_tab_content{
		width: 100%;
	}
} */

#haru-software_management-tabsection2 .sidebar_tab .tab_titles .haru-autopad .haru-col-2-3 {
    font-size: 15px;
    font-weight: normal;
}

#haru-software_management-tabsection2 .tab {
    background-color: transparent;
}

#haru-software_management-tabsection2 .tabcontainer.sidebar_tab {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

#haru-software_management-tabsection2 .av_tab_section .fullsize-tab {
    display: none;
}

@media (max-width: 767px) {
    #haru-software_management-tabsection2 .tabcontainer.sidebar_tab {
        display: block;
    }
    #haru-software_management-tabsection2 .sidebar_tab .tab_titles {
        display: block;
        max-width: none;
        width: 100%;
    }
    #haru-software_management-tabsection2 .active_tab {
        background-color: #e8edf3 !important;
    }
    #haru-software_management-tabsection2 .tabcontainer {
        border: none;
    }
}


/****************************
 * 
 * 
 * 
 *盗版软件检测（软件正版化管理） 
#haru-sm-logogroupsection
 * 
 * 
 * ***************/

#haru-sm-logogroupsection .av_one_third .av-special-heading-h3 {
    margin-top: 1.5em;
}

#haru-sm-logogroupsection .av_one_third .av-special-heading-h2>* {
    font-weight: 400;
    line-height: 1.5em;
}

#haru-sm-logogroupsection .av_one_third {
    width: 240px;
    max-height: 250px;
}

#haru-sm-logogroupsection .av_one_third img {
    width: 200px;
    /* height: 76px; */
}


/****************************
 * 
 * 
 * 
 *盗版软件检测（软件正版化管理） 
#haru-sm-cardgroupsection
 * 
 * 
 * ***************/

#haru-sm-cardgroupsection .av_one_third .av-special-heading-h3 {
    margin-top: 1.5em;
}

#haru-sm-cardgroupsection .av_one_third .av-special-heading-h2>* {
    font-weight: 400;
    line-height: 1.5em;
}

#haru-sm-cardgroupsection .av_one_third {
    width: 240px;
    max-height: 250px;
}

#haru-sm-cardgroupsection .av_one_third img {
    width: 76px;
    height: 76px;
}


/* #haru-sm-cardgroupsection .av_one_third:hover{
	box-shadow: 0 7px 25px 4px #d1ddeb;
cursor: pointer;
	transition: box-shadow .3s ease;
}
 */


/****************************
 * 
 * 
 * 
 *
盗版软件检测（软件正版化管理） #haru-sm-contentslider
 * 
 * 
 * ***************/

@media (min-width: 768px) {
    #haru-sm-contentslider {
        position: relative;
    }
    #haru-sm-contentslider .slide-entry-excerpt.entry-content>div {
        padding-right: 0 !important;
    }
    #haru-sm-contentslider:after {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        content: '';
        /* 	float:right; */
        height: 100%;
        background-color: #fff;
        width: 50%;
    }
}

#haru-sm-contentslider .avia-smallarrow-slider-heading {
    position: absolute;
    bottom: 0;
}

#haru-sm-contentslider .avia-smallarrow-slider-heading .avia-slideshow-dots {
    text-align: center;
}

#haru-sm-contentslider .avia-smallarrow-slider-heading a.goto-slide {
    border-radius: 25px;
    /* display: block; */
    background-color: #b3b3b3;
    width: 8px;
    height: 8px;
    /* margin: 0 auto; */
    /* font-size: 0; */
    /* background-clip: content-box; */
    border: 10px solid #fff;
}

#haru-sm-contentslider .avia-smallarrow-slider-heading a.goto-slide.active {
    background-color: #0067e6;
}

@media (max-width: 767px) {
    #haru-sm-contentslider .avia-smallarrow-slider-heading .avia-slideshow-controls a {
        display: inline-block;
    }
}


/****************************
 * 
 * 
 * 
 *
盗版软件检测（软件正版化管理） .haru-grey-button
 * 
 * 
 * ***************/

.haru-grey-button {
    padding-top: 20px;
}

.haru-grey-button a {
    display: block;
    color: #606a72;
    background-color: transparent;
    border: 2px solid #606a72;
    font-size: 15px;
    border-radius: 35px;
    box-sizing: border-box;
    max-width: 8em;
    padding: .5em 1em;
    /* 	margin: 0 auto; */
    text-align: center;
    transition: all 0.33s ease;
}

.haru-grey-button a:hover {
    border-color: #606a72;
    transition: all 0.33s ease;
    text-decoration: none;
    background-color: #606a72;
    color: #fff;
}

.haru-grey-button .haru-btn-text {
    z-index: 10;
    position: relative;
    pointer-events: none;
}


/****************************
 * 
 * 
 * 
 *屏幕水印、防截屏
#haru-iconlist-section
 * 
 * 
 * ***************/

#haru-iconlist-section .haru-pure-u-auto {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

#haru-iconlist-section .haru-so-pure-g {
    display: flex;
}


/****************************
 * 
 * 
 * 
 *屏幕水印、防截屏
#haru-faq-accordion-section
 * 
 * 
 * ***************/


/* #haru-faq-accordion-section *{
		transition: all .33s ease;
} */

#haru-faq-accordion-section p.toggler {
    font-size: 18px;
    border: none;
    padding-top: 25px;
    padding-bottom: 25px;
}

#haru-faq-accordion-section p.toggler.activeTitle {
    border-bottom: none;
}

#haru-faq-accordion-section .single_toggle {
    margin: 1px 0;
    border-bottom: solid 1px #ccd6e2;
}

#haru-faq-accordion-section .toggle_content {
    border: none;
    padding-top: 0;
    font-size: 15px;
}

#haru-faq-accordion-section .toggle_icon {
    opacity: .5;
    /* 	transition: all .33s ; */
}

#haru-faq-accordion-section .toggle_icon .vert_icon {
    /* 	transition: all .33s ; */
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/****************************
 * 
 * 
 * 
 *屏幕水印、防截屏 #haru-so-easyslider
 * 
 * 
 * ***************/

#haru-so-easyslider .aviaccordion-inner,
#haru-so-easyslider .aviaccordion-slide,
#haru-so-easyslider .aviaccordion-slide-link {
    height: 99%;
}


/****************************
 * 
 * 
 * 屏幕水印、防截屏 #haru-so-sm-img
 *电子邮件监管 #haru-email-sm-img
软件统一分发、部署#haru-sd-sm-img1, #haru-sd-sm-img2
 * dlp和im 3#haru-banner-ctr-icon 
 * 
 * 
 * ***************/

#haru-banner-ctr-icon .avia-image-container img {
    width: 144px;
}

#haru-so-sm-img .avia-image-overlay-wrap,
#haru-email-sm-img .avia-image-overlay-wrap,
#haru-sd-sm-img1 .avia-image-overlay-wrap,
#haru-sd-sm-img2 .avia-image-overlay-wrap {
    width: 72px;
    margin-top: 25px;
}

#haru-so-sm-img .av-special-heading,
#haru-email-sm-img .av-special-heading,
#haru-sd-sm-img1 .av-special-heading,
#haru-sd-sm-img2 .av-special-heading {
    margin-top: 25px;
}

#haru-email-sm-img .avia-image-container.avia-align-left {
    float: none;
}


/****************************
 * 
 * 
 * 
 *电子邮件监管 #haru-quick-setting
 * 
 * 
 * ***************/

#haru-quick-setting {
    /*         background-color: #010745;
        background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/07/Quick_bg.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; */
    width: 100%;
    text-align: center;
}

#haru-quick-setting .haru-qs-Circle {
    border-radius: 50%;
    width: 190px;
    height: 190px;
    font-size: 18px;
    border: 3px solid #fff;
    display: inline-block;
    vertical-align: middle;
}

#haru-quick-setting .haru-qs-Circle span {
    text-align: center;
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

#haru-quick-setting .haru-qs-line {
    border: 1px solid #fff;
    width: 22px;
    display: inline-block;
    margin-right: -5px;
    margin-left: -5px;
}

#haru-quick-setting .haru-qs-line.x2 {
    width: 44px;
}

@media (min-width: 1280px) {
    .haru-qs-Circle {
        background-position: center center;
        background-size: contain
    }
    .haru-qs-Circle.haru-qs-a {
        background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/07/Quick_circle_01.png")
    }
    .haru-qs-Circle.haru-qs-b {
        background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/07/Quick_circle_02.png")
    }
    .haru-qs-Circle.haru-qs-c {
        background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/07/Quick_circle_03.png")
    }
    #manage .fleximg {
        left: 10px;
        top: 46px;
        width: 614px
    }
    /*         #haru-quick-setting {
            min-height: 320px
        } */
    #haru-quick-setting .haru-Circle_section {
        /*             margin-top: 55px */
    }
}

@media (max-width: 1250px) {
    #haru-quick-setting .haru-qs-line {
        display: none
    }
}

@media (max-width: 1279px) {
    .section#haru-quick-setting {
        padding-bottom: 40px
    }
    .haru-qs-Circle.haru-qs-a {
        background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/07/Quick_circle_01_mobile.png")
    }
    .haru-qs-Circle.haru-qs-b {
        background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/07/Quick_circle_02_mobile.png")
    }
    .haru-qs-Circle.haru-qs-c {
        background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/07/Quick_circle_03_mobile.png")
    }
    #haru-quick-setting .haru-qs-Circle {
        width: 150px;
        height: 150px;
        font-size: 15px
    }
    #haru-quick-setting .haru-Circle_section {
        margin-top: 30px
    }
}

@media (max-width: 1023px) {
    #manage .tab_control2>ul>li>a {
        padding: 10px
    }
}

@media (max-width: 767px) {
    #manage .tab_control2 {
        margin: 20px 0
    }
    #manage .tab_control2>ul>li .p {
        font-size: 15px;
        padding: 0
    }
}

@media (max-width: 567px) {
    #haru-quick-setting .haru-Circle_section {
        margin-top: 0
    }
    #haru-quick-setting .haru-qs-Circle {
        border-radius: 0;
        border: 1px solid #fff;
        width: 200px;
        height: 50px;
        font-size: 15px;
        margin-bottom: 10px;
    }
    #haru-quick-setting .haru-qs-Circle.haru-qs-a {
        background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/07/Quick_circle_01_mobile_xs.png")
    }
    #haru-quick-setting .haru-qs-Circle.haru-qs-b {
        background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/07/Quick_circle_02_mobile_xs.png")
    }
    #haru-quick-setting .haru-qs-Circle.haru-qs-c {
        background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/07/Quick_circle_03_mobile_xs.png")
    }
}


/****************************
 * 
 * 
 * 
 *移动存储管理 #haru-colseparated-section
 * 
 * 
 * ***************/

#haru-colseparated-section .av_one_fourth {
    border-width: 1px;
    border-color: #0067e6;
    border-style: solid;
    border-bottom: none;
    border-top: none;
}

@media (min-width: 768px) {
    #haru-colseparated-section .av_one_fourth.first {
        border-left: none;
    }
    #haru-colseparated-section .av_one_fourth.el_before_av_hr {
        border-right: none;
    }
}


/****************************
 * 
 * 
 * 
 *为什么选择 Ping32 #haru-why-banner
 * 
 * 
 * ***************/

#haru-why-banner h1 {
    font-weight: 400;
    line-height: 1.2em;
}


/****************************
 * 
 * 
 * 
 *上网行为管理 #haru-section-iconlistdisplay
 * 
 * 
 * ***************/

#haru-section-iconlistdisplay .avia-image-container img {
    width: 144px;
}

#haru-section-iconlistdisplay .avia-image-overlay-wrap {
    width: 72px;
    margin-top: 25px;
}

#haru-section-iconlistdisplay .avia-image-container.avia-align-left {
    float: none;
}


/****************************
 * 
 * 
 * 
 *
屏幕安全 #haru-screen-realtime
 * 
 * 
 * ***************/

#haru-screen-realtime img {
    max-height: 50px;
    width: auto;
}

#haru-routemap {
    color: #2e3742;
    font-size: 16px;
    line-height: 24px;
    /*     font-family: "Open Sans", Arial, Helvetica, "微软雅黑", "Microsoft YaHei", Verdana, sans-serif; */
}

#haru-routemap .h4 {
    font-weight: normal;
}

#haru-routemap h4,
#haru-routemap h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 600;
}

#haru-routemap h1,
#haru-routemap .h1,
#haru-routemap h2,
#haru-routemap .h2,
#haru-routemap h3,
#haru-routemap .h3,
#haru-routemap h4,
#haru-routemap .h4,
#haru-routemap h5,
#haru-routemap h6 {
    margin-top: 0px;
    font-weight: normal;
}

#haru-routemap mg {
    border: 0;
}

#haru-routemap img {
    max-width: 100%;
    vertical-align: top;
}

#haru-routemap .center {
    text-align: center;
}

.haru-rm-section,
.haru-rm-section-small,
.haru-rm-section-large {
    /*     为啥 */
    overflow: visible;
    /*     overflow: hidden; */
}

.haru-rm-section {
    padding-top: 70px;
    padding-bottom: 70px;
}


/* .haru-rm-container {
    padding: 0 40px;
    max-width: 1440px;
} */

.haru-pure-u-1-3 {
    width: 33.3333%;
    /*     width: 33.3333%; */
}

.haru-pure-u-1,
.haru-pure-u-1-1 {
    width: 100%;
}

.haru-pure-u-1-4 {
    width: 25%;
}

.haru-pure-u-1,
.haru-pure-u-1-1,
.haru-pure-u-1-3,
.haru-pure-u-1-4 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.haru-rm-pure-g {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}


/* .haru-rm-pure-g.haru-rm-autopad-60-h {
    margin-left: -30px;
    margin-right: -30px;
}

.haru-rm-pure-g.haru-rm-autopad {
    margin: -12px;
    margin-right: -12px;
    margin-left: -12px;
}
 */

.haru-rm-pure-g.haru-rm-autopad-60-h>* {
    padding-left: 30px;
    padding-right: 30px;
}

.haru-rm-pure-g.haru-rm-autopad>* {
    padding: 12px;
    padding-right: 12px;
    padding-left: 12px;
}


/*     
.haru-rm-container-1080 {
    padding: 0 40px;
} */


/* .haru-rm-container-1080 {
    padding: 0 30px;
} */

.haru-rm-container-1080 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0 auto;
    max-width: 1080px;
}

.haru-rm-pure-g.haru-rm-autopad>* {
    padding: 12px;
}

.haru-rm-pure-g>* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.center {
    text-align: center;
}

.haru-rm-pure-g.haru-rm-autopad {
    margin: -12px;
}

.haru-rm-pure-g.haru-rm-autopad>* {
    padding: 12px;
    padding-top: 12px;
}

#haru-routemap .haru-rm-container {
    float: left;
    width: 100%;
}

#haru-routemap .haru-rm-container-1080 {
    padding: 0
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-container-1080 {
        padding: 0 30px
    }
}

#haru-routemap .haru-rm-pure-g.haru-rm-autopad>* {
    padding: 0
}


/* @media (min-width: 1280px) {
    #haru-routemap .haru-rm-pure-g.haru-rm-autopad>* {
        padding: 12px
    }
} */

#haru-routemap .haru-rm-sectionGroup {
    margin: 0 auto
}

#haru-routemap .haru-rm-sectionGroup p {
    font-size: 12px
}

@media (min-width: 568px) {
    #haru-routemap .haru-rm-sectionGroup p {
        width: 100%
    }
}

@media (min-width: 768px) {
    #haru-routemap .haru-rm-sectionGroup p {
        width: 100%
    }
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-sectionGroup p {
        width: 100%
    }
}

@media (min-width: 768px) {
    #haru-routemap .haru-rm-sectionGroup span {
        min-height: 37px
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
    content: '';
    position: absolute;
    display: block;
    background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/10/haru-powerful_icon.png");
    background-repeat: no-repeat;
    background-size: 31px 31px;
    width: 31px;
    height: 31px;
    top: -131px;
    left: 50%;
    transform: translateX(-49%);
    z-index: 5
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3 / 2),
all and (min--moz-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/10/haru-powerful_icon@2x.png")
    }
}

@media (min-width: 567px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -146px
    }
}

@media (min-width: 568px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -131px
    }
}

@media (min-width: 768px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -125px
    }
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -118px
    }
}

@media (min-width: 1280px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -128px
    }
}

@media (max-width: 567px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -118px
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -96px
    }
}

@media (max-width: 415px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -105px
    }
}

@media (max-width: 400px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -99px;
        background-size: 23px 23px;
        width: 23px;
        height: 23px
    }
}

@media (max-width: 330px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -100px
    }
}

@media (max-width: 567px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop img {
        width: auto
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-rm-textGroup {
    margin-bottom: 8px;
    min-height: 60px
}

@media (min-width: 568px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-rm-textGroup {
        min-height: 60px
    }
}

@media (min-width: 768px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-rm-textGroup {
        min-height: 81px
    }
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-rm-textGroup {
        min-height: auto;
        min-height: initial
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-rm-textGroup {
        min-height: 92px;
        margin-bottom: 0
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom {
    margin-top: 65px
}

@media (min-width: 568px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom {
        margin-top: 87px
    }
}

@media (min-width: 1280px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom {
        margin-top: 65px
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-rm-textGroup {
    margin-top: 80px;
    min-height: 61px
}

@media (min-width: 568px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-rm-textGroup {
        min-height: 81px;
        margin-top: 67px
    }
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-rm-textGroup {
        min-height: auto;
        min-height: initial;
        margin-top: 75px
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-rm-textGroup {
        margin-top: 61px;
        min-height: 51px
    }
}

@media (max-width: 767px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-rm-textGroup span {
        display: none
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-routemapsutitle div {
    top: -29px
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-routemapsutitle h3 {
    color: #337dff;
    background-color: #fff
}

@media (max-width: 1023px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-routemapsutitle h3 {
        padding-top: 6px
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
    position: relative;
    min-height: 52px
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom div.haru-rm-wrap {
    position: relative
}

@media (min-width: 568px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 20px
    }
}

@media (min-width: 768px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 60px
    }
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 110px
    }
}

@media (min-width: 1280px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 90px
    }
}

@media (max-width: 567px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 60px
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 25px
    }
}

@media (max-width: 380px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 20px
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom span.none {
    visibility: hidden
}

@media (max-width: 1023px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom .haru-rm-desc1 {
        display: none
    }
}

#haru-routemap .haru-rm-dot {
    position: relative
}

#haru-routemap .haru-rm-dot.haru-rm-dot_01:before,
#haru-routemap .haru-rm-dot.haru-rm-dot_02:before,
#haru-routemap .haru-rm-dot.haru-rm-dot_03:before {
    bottom: -12px
    /* bottom: -24px */
}

@media (min-width: 480px) {
    #haru-routemap .haru-rm-dot.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot.haru-rm-dot_03:before {
        bottom: -14px
    }
}

@media (min-width: 1280px) {
    #haru-routemap .haru-rm-dot.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot.haru-rm-dot_03:before {
        bottom: -12px
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-dot.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot.haru-rm-dot_03:before {
        bottom: -8px
    }
}

#haru-routemap .haru-rm-dot2 {
    position: relative
}

#haru-routemap .haru-rm-dot2.haru-rm-dot_01:before,
#haru-routemap .haru-rm-dot2.haru-rm-dot_02:before,
#haru-routemap .haru-rm-dot2.haru-rm-dot_03:before,
#haru-routemap .haru-rm-dot2.haru-rm-dot_04:before,
.th-th #haru-routemap .haru-rm-dot2.haru-rm-dot_01:before {
    top: -97px
}

@media (min-width: 480px) {
    #haru-routemap .haru-rm-dot2.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_03:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_04:before {
        top: -77px
    }
}

@media (min-width: 568px) {
    #haru-routemap .haru-rm-dot2.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_03:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_04:before {
        top: -85px
    }
}

@media (min-width: 768px) {
    #haru-routemap .haru-rm-dot2.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_03:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_04:before {
        top: -86px
    }
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-dot2.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_03:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_04:before {
        top: -72px
    }
}

@media (min-width: 1280px) {
    #haru-routemap .haru-rm-dot2.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_03:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_04:before {
        top: -84px
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-dot2.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_03:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_04:before {
        top: -65px
    }
}

@media (max-width: 399px) {
    #haru-routemap .haru-rm-dot2.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_03:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_04:before {
        top: -66px
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-dot2.haru-rm-dot_03:before {
        left: calc(50% - 4px)
    }
}

.syno-feature-banner {
    color: #fff;
    background-image: url("../../img/dsm/drive/banner.jpg");
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3 / 2),
all and (min--moz-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5) {
    .syno-feature-banner {
        background-image: url("../../img/dsm/drive/banner@2x.jpg")
    }
}

.syno-feature-banner .haru-rm-cion_drive {
    background-image: url("../../img/dsm/drive/drive_72.png");
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3 / 2),
all and (min--moz-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5) {
    .syno-feature-banner .haru-rm-cion_drive {
        background-image: url("../../img/dsm/drive/drive_72@2x.png")
    }
}

#haru-routemap p.subtitle_p {
    margin: 0 auto
}

@media (min-width: 1440px) {
    #haru-routemap p.subtitle_p {
        width: 69%
    }
}

#haru-routemap span {
    display: block;
    font-size: 12px;
    color: #606a72
}

#haru-routemap .haru-rm-section {
    padding-bottom: 35px
}


/* @media (max-width: 1023px) {
    #haru-routemap .haru-rm-container-1080 {
        padding: 0
    }
} */

#haru-routemap .haru-rm-sectionGroup {
    margin: 0 auto
}

#haru-routemap .haru-rm-sectionGroup p {
    margin-top: 10px;
    margin-bottom: 3px;
    font-size: 15px;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    line-height: 18px
}

@media (min-width: 568px) {
    #haru-routemap .haru-rm-sectionGroup p {
        width: 100%
    }
}

@media (min-width: 768px) {
    #haru-routemap .haru-rm-sectionGroup p {
        width: 50%
    }
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-sectionGroup p {
        width: 100%
    }
}

@media (max-width: 767px) {
    #haru-routemap .haru-rm-sectionGroup p {
        font-size: 13px
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup p {
        font-size: 12px
    }
}

#haru-routemap .haru-rm-sectionGroup span {
    font-size: 12px;
    line-height: 18px;
    color: #606a72
}

#haru-routemap .haru-rm-sectionGroup span.haru-rm-desc1 {
    color: #a1a4a6;
    margin-bottom: 9px
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-sectionGroup span.haru-rm-desc1 {
        min-height: 36px
    }
}

@media (min-width: 1280px) {
    #haru-routemap .haru-rm-sectionGroup span.haru-rm-desc1 {
        min-height: auto;
        white-space: nowrap
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion {
    position: relative
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
    content: '';
    position: absolute;
    display: block;
    background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/10/haru-powerful_icon");
    background-repeat: no-repeat;
    background-size: 31px 31px;
    width: 31px;
    height: 31px;
    top: -143px;
    left: 50%;
    transform: translateX(-49%);
    z-index: 5
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3 / 2),
all and (min--moz-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/10/haru-powerful_icon@2x.png")
    }
}

@media (min-width: 567px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -123px
    }
}

@media (min-width: 600px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -121px
    }
}

@media (min-width: 768px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -158px
    }
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -10.5em
        /*         top: -116px */
        /*         top: -153px		 */
    }
}

@media (min-width: 1280px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        /*         top: -114px */
        top: -9rem;
        /*         top: -151px */
    }
}

@media (max-width: 567px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -120px
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -105px
        /*         top: -110px */
    }
}

@media (max-width: 415px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        /*         top: -110px */
        top: -104px
    }
}

@media (max-width: 400px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        /*         top: -86px; */
        /*         top: -100px; */
        background-size: 23px 23px;
        width: 23px;
        height: 23px
    }
}

@media (max-width: 330px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-wrap.haru-rm-cion:before {
        top: -105px
    }
}

@media (min-width: 568px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop,
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom {
        padding: 27px 0px 35px
    }
}

@media (min-width: 768px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop,
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom {
        padding: 27px 0px 35px
    }
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop,
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom {
        padding: 27px 10px 35px
    }
}

@media (min-width: 1440px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop,
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom {
        padding: 27px 0 35px
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-routemapsutitle {
    position: relative
}

#haru-routemap .haru-rm-sectionGroup .haru-routemapsutitle div {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 5
}

#haru-routemap .haru-rm-sectionGroup .haru-routemapsutitle h3 {
    display: inline-block;
    padding: 3px 13px;
    font-size: 16px;
    font-weight: 600
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup .haru-routemapsutitle h3 {
        font-size: 12px;
        padding: 3px 10px
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop {
    background-color: #f7f9fb;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

@media (max-width: 567px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop img {
        width: 50%
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .bigphoto img {
    width: auto
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-rm-textGroup {
    margin-bottom: 8px;
    min-height: 40px
}

@media (min-width: 568px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-rm-textGroup {
        min-height: 40px
    }
}

@media (min-width: 768px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-rm-textGroup {
        min-height: 81px
    }
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-rm-textGroup {
        min-height: auto;
        min-height: initial
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-rm-textGroup {
        min-height: 60px;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-rm-textGroup span {
        display: none
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-routemapsutitle {
    margin-bottom: 60px
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-routemapsutitle {
        margin-bottom: 40px
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-routemapsutitle div {
    top: -5px
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-routemapsutitle h3 {
    color: #191c1e;
    background-color: #f7f9fb;
    font-weight: 600 !important;
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom {
    margin-top: 27px
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-rm-textGroup {
    margin-top: 80px;
    min-height: 61px
}

@media (min-width: 568px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-rm-textGroup {
        min-height: 81px;
        margin-top: 82px
    }
}

@media (min-width: 768px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-rm-textGroup {
        min-height: 81px;
        margin-top: 82px
    }
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-rm-textGroup {
        min-height: auto;
        min-height: initial;
        margin-top: 90px
        /* margin-top: 60px */
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-rm-textGroup {
        margin-top: 61px;
        min-height: 51px
    }
}

@media (max-width: 767px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-rm-textGroup span {
        display: none
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-routemapsutitle div {
    top: -29px
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-routemapsutitle h3 {
    color: #337dff;
    background-color: #fff
}

@media (max-width: 1023px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionBottom .haru-routemapsutitle h3 {
        padding-top: 6px
    }
}

#haru-routemap .haru-rm-sectionGroup .bigphoto {
    min-height: 105px
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup .bigphoto {
        min-height: 68px
    }
}

#haru-routemap .haru-rm-sectionGroup .bigphoto h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopTop,
#haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
    position: relative
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopTop div.haru-rm-wrap,
#haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom div.haru-rm-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopTop div.haru-rm-wrap div:first-child,
#haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom div.haru-rm-wrap div:first-child {
    margin-bottom: 10px
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopTop {
    min-height: 75px;
    margin-bottom: 55px
}

@media (max-width: 567px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopTop {
        min-height: 63px
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopTop {
        min-height: 39px;
        margin-bottom: 33px
    }
}

@media (max-width: 400px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopTop {
        min-height: 33px
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
    min-height: 70px
}

@media (min-width: 568px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 38px
    }
}

@media (min-width: 768px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 78px
    }
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 128px
    }
}

@media (min-width: 1280px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 108px
    }
}

@media (max-width: 567px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 60px
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 43px
    }
}

@media (max-width: 380px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom {
        min-height: 38px
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom span.none {
    visibility: hidden
}

@media (max-width: 1023px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-imgGruopBottom .haru-rm-desc1 {
        display: none
    }
}

#haru-routemap .haru-rm-sectionGroup .haru-rm-textGroup p {
    line-height: 20px
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-sectionGroup .haru-rm-textGroup p {
        line-height: 16px
    }
}

#haru-routemap .haru-rm-dot {
    position: relative
}

#haru-routemap .haru-rm-dot.haru-rm-dot_01:before,
#haru-routemap .haru-rm-dot.haru-rm-dot_02:before,
#haru-routemap .haru-rm-dot.haru-rm-dot_03:before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #191c1e;
    /* bottom: -24px; */
    border-radius: 5px
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-dot.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot.haru-rm-dot_03:before {
        bottom: -6px
    }
}

#haru-routemap .haru-rm-dot.haru-rm-dot_01:before,
#haru-routemap .haru-rm-dot.haru-rm-dot_03:before {
    left: calc(50% - 3px)
}

#haru-routemap .haru-rm-dot.haru-rm-dot_02:before {
    left: calc(50%)
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-dot.haru-rm-dot_02:before {
        left: calc(50% - 0px)
    }
}

#haru-routemap .haru-rm-dot2 {
    position: relative
}

#haru-routemap .haru-rm-dot2.haru-rm-dot_01:before,
#haru-routemap .haru-rm-dot2.haru-rm-dot_02:before,
#haru-routemap .haru-rm-dot2.haru-rm-dot_03:before,
#haru-routemap .haru-rm-dot2.haru-rm-dot_04:before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #4988fe;
    top: -77px;
    left: calc(50% - 3px);
    border-radius: 5px
}

@media (min-width: 568px) {
    #haru-routemap .haru-rm-dot2.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_03:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_04:before {
        top: -100px
    }
}

@media (min-width: 768px) {
    #haru-routemap .haru-rm-dot2.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_03:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_04:before {
        top: -97px
    }
}

@media (min-width: 1024px) {
    #haru-routemap .haru-rm-dot2.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_03:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_04:before {
        /*         top: -50px */
        top: -5.5rem;
        /*         top: -88px */
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-textGroup {
        font-size: 10px;
    }
    #haru-routemap .haru-rm-dot2.haru-rm-dot_01:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_02:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_03:before,
    #haru-routemap .haru-rm-dot2.haru-rm-dot_04:before {
        top: -68px
    }
    #haru-routemap img {
        max-width: 60%;
    }
    #haru-routemap .haru-rm-sectionGroup .haru-rm-sectionTop .haru-rm-wrap img {
        max-width: 30%;
    }
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-dot2.haru-rm-dot_03:before {
        left: calc(50% - 4px)
    }
}

#haru-routemap .haru-rm-line {
    padding-top: 0;
    margin-top: 5px;
    position: relative;
    font-size: 13px;
    border-bottom: 1px solid #191c1e
}

#haru-routemap .haru-rm-line ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 13px
}

#haru-routemap .haru-rm-line ul li {
    padding: 5px 0px
}

#haru-routemap .haru-rm-line a {
    cursor: pointer;
    color: #000021;
    font-weight: 600
}

#haru-routemap .haru-rm-line.haru-rm-line_01:before,
#haru-routemap .haru-rm-line.haru-rm-line_03:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(50% + 3px);
    height: 1px;
    background-color: #f7f9fb;
    bottom: -1px
}

#haru-routemap .haru-rm-line.haru-rm-line_01:after,
#haru-routemap .haru-rm-line.haru-rm-line_03:after {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 45px;
    bottom: -1px
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-line.haru-rm-line_01:after,
    #haru-routemap .haru-rm-line.haru-rm-line_03:after {
        height: 30px
    }
}

#haru-routemap .haru-rm-line.haru-rm-line_02:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 96px;
    background: #191c1e;
    bottom: -50px;
    left: calc(50% - -2px)
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-line.haru-rm-line_02:after {
        height: 60px;
        bottom: -31px
    }
}

#haru-routemap .haru-rm-line.haru-rm-line_01:before {
    left: 0
}

#haru-routemap .haru-rm-line.haru-rm-line_01:after {
    left: calc(50% - 1px);
    border-left: 1px solid #191c1e;
    border-bottom: 1px solid #191c1e;
    border-radius: 0 0 0 5px
}

#haru-routemap .haru-rm-line.haru-rm-line_03:before {
    right: 0
}

#haru-routemap .haru-rm-line.haru-rm-line_03:after {
    left: calc(50% - 7px);
    border-right: 1px solid #191c1e;
    border-bottom: 1px solid #191c1e;
    border-radius: 0 0 5px 0
}

@media (max-width: 1023px) {
    #haru-routemap .haru-rm-line.haru-rm-line p {
        margin-top: 12px
    }
}

@media (max-width: 480px) {
    #haru-routemap .haru-rm-line p {
        min-width: 90%
    }
}

#haru-routemap .haru-rm-line2 {
    padding-top: 0;
    position: relative;
    font-size: 13px;
    border-top: 1px solid #4988fe
}

#haru-routemap .haru-rm-line2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 13px
}

#haru-routemap .haru-rm-line2 ul li {
    padding: 5px 0px
}

#haru-routemap .haru-rm-line2 a {
    cursor: pointer;
    color: #000021;
    font-weight: 600
}

#haru-routemap .haru-rm-line2.haru-rm-line_01:before,
#haru-routemap .haru-rm-line2.haru-rm-line_04:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(50% + 3px);
    height: 1px;
    background-color: #fff;
    top: -1px
}

#haru-routemap .haru-rm-line2.haru-rm-line_01:after,
#haru-routemap .haru-rm-line2.haru-rm-line_04:after {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 68px;
    top: -1px
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-line2.haru-rm-line_01:after,
    #haru-routemap .haru-rm-line2.haru-rm-line_04:after {
        height: 48px
    }
}

#haru-routemap .haru-rm-line2.haru-rm-line_02:before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 68px;
    background: #4988fe;
    top: -1px;
    left: calc(50% - 1px)
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-line2.haru-rm-line_02:before {
        height: 48px
    }
}

#haru-routemap .haru-rm-line2.haru-rm-line_02:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 68px;
    background: #4988fe;
    top: -1px;
    left: calc(150% - 1px)
}

@media (max-width: 420px) {
    #haru-routemap .haru-rm-line2.haru-rm-line_02:after {
        height: 48px
    }
}

#haru-routemap .haru-rm-line2.haru-rm-line_03:after {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 81px;
    top: -81px
}

@media (max-width: 567px) {
    #haru-routemap .haru-rm-line2.haru-rm-line_03:after {
        height: 50px;
        top: -41px
    }
}

#haru-routemap .haru-rm-line2.haru-rm-line_03:after {
    left: calc(0% - 5px);
    border-right: 1px solid #4988fe;
    border-right-style: dashed
}

#haru-routemap .haru-rm-line2.haru-rm-line_01:before {
    left: 0
}

#haru-routemap .haru-rm-line2.haru-rm-line_01:after {
    left: calc(50% - 1px);
    border-left: 1px solid #4988fe;
    border-top: 1px solid #4988fe;
    border-radius: 5px 0 0 0
}

#haru-routemap .haru-rm-line2.haru-rm-line_04:before {
    right: 0
}

#haru-routemap .haru-rm-line2.haru-rm-line_04:after {
    left: calc(50% - 7px);
    border-right: 1px solid #4988fe;
    border-top: 1px solid #4988fe;
    border-radius: 0 5px 0 0
}

@media (max-width: 1023px) {
    #haru-routemap .haru-rm-line2.haru-rm-line2 p {
        margin-top: 12px
    }
}

@media (max-width: 480px) {
    #haru-routemap .haru-rm-line2 p {
        min-width: 90%
    }
	
	.haru-pagebuttom-buybutton a.haru-white-btn:hover {
    color: #fff;
}
.haru-pagebuttom-buybutton a.haru-black-btn:hover {
    color: #444;
}
}
/*************************************
 * 
 * 首页文章列表#haru-new-article-list
 * 
 * **********************************/
#haru-new-article-list h3.av-magazine-title a {
    font-size: 16px;
}

/*************************************
 * 
 * 首页banner背景#haru-homepage-banner
 * 以及原版悬浮长条
 * **********************************/
#haru-homepage-banner .cloud-hero__card {
    padding: 60px 55px;
}
#haru-homepage-banner .cloud-grid__col.is-6.is-7__large{
	         background: linear-gradient(30deg, rgb(0,112,240), rgb(030,57,164));
}

#haru-homepage-banner .cloud-hero__card--gcp {
    background: transparent;
    background-image: url('http://www.nsecsoft.com/wp-content/image/haru-homepage-banner2.svg');
    background-repeat: no-repeat;
    background-position: center center;
	background-size: 100%;
}

        @media only screen and (min-width: 600px) {


                       #haru-homepage-banner  .cloud-hero::before {
                background-image:
                    url('http://www.nsecsoft.com/wp-content/uploads/2020/09/haru-hp-bg-right.png');
                background-position: right 0;
                right: -215px;
                top:
                    65px;
            }

                       #haru-homepage-banner  .cloud-hero::after {
                background-image:
                  url('http://www.nsecsoft.com/wp-content/uploads/2020/09/haru-hp-bg-left.png');
                background-position: left 0;
                left:
                    -95px;
                top: 100px;
            }

                       #haru-homepage-banner  .cloud-hero::before,
                      #haru-homepage-banner   .cloud-hero::after {
                height: 90%;
            }
}
        @media only screen and (min-width: 1024px) {
                       #haru-homepage-banner  .cloud-hero::before,
                       #haru-homepage-banner  .cloud-hero::after {
                height: 490px;
            }
					}
#haru-homepage-banner .cloud-hero__card--gcp .cloud-headline4,
#haru-homepage-banner .cloud-hero__card--gcp .cloud-button.cloud-button--flat{
	color: #fff;
}
#haru-homepage-banner #haru-edit-free-trial-button{
	color: #fff;
background-color: transparent;
	border: solid 1px #fff;
/* 	padding-left: 40px;
	padding-right: 40px; */
	border-radius: 0;
	transition: all 0.33s ease;
}
#haru-homepage-banner #haru-edit-free-trial-button:hover{
opacity: .5;
/* 		color:rgb(030,57,164) !important;
	background-color: #fff; */

}
#haru-homepage-banner .cloud-hero__card.cloud-hero__card--gsuite {
    background-color: rgb(244,247,252);
    background-color: #EBF2FA;
}
/* #haru-homepage-banner .cloud-hero__card.cloud-hero__card--gsuite .cloud-hero__gsuite-icons{
max-width: 160px;
} */
#haru-homepage-banner::after {
    bottom: -73px;
    left: 25%;
}
  -o-box-sizing: border-box;

/*************************************
 * 
 * 首页banner打字效果#haru-homepage-banner
 * 
 * **********************************/

@media only screen and (min-width: 768px) {
    #haru-homepage-banner #haru-typing-container {
        font-size: 35px;
    }
}

@media only screen and (max-width: 767px) {
    #haru-homepage-banner #haru-typing-container {
        font-size: 20px;
        font-weight: normal;
        padding-bottom: 1.4em;
    }
}

@media only screen and (min-width: 1170px) {
    #haru-homepage-banner #haru-typing-container {
        font-size: 50px;
    }
}
/*************************************
 * 
 * 首页banner打字效果#haru-homepage-banner
 * 
 * **********************************/
#haru-sm-contentslider::after {
    background-color: #e8edf3;
}

/*************************************
 * 
 * 首页banner下面的装饰物#haru-after-banner
 * 
 * **********************************/
/* #haru-after-banner::after {
    bottom: -73px;
    left: 25%;
}
#haru-after-banner::after {
	
    -o-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    display: block;
    width: 187px;
    height: 187px;
    position: absolute;
    bottom: 0px;
    left: 70%;
    background: url("https://data-shield.co.uk/wp-content/themes/data-shield/images/dot-circle.svg") no-repeat;
        background-size: auto;
    background-size: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} */
/*************************************
 * 
 * 首页探索功能#haru-homepage-old_entrance 
 * 
 * **********************************/
#haru-homepage-old_entrance .cloud-section-p {
    padding-top: 0px;
    padding-left: 0px;
}
#haru-homepage-old_entrance .cloud-section-header {
    margin-bottom: 0px;
}
#haru-homepage-old_entrance #cloud-site header.cloud-section-p{
	padding: 70px;
}
#haru-homepage-old_entrance #cloud-site .cloud-button{
	background-color:#0067e6;
	border: 2px solid #0067e6;
	color:#fff;
	transition: all 0.33s ease;
}
#haru-homepage-old_entrance #cloud-site .cloud-button:hover{
	background-color:#fff;
/* 	border: 2px solid #0067e6; */
}
#haru-homepage-old_entrance #cloud-site .cloud-button:hover{
	-webkit-text-fill-color:#0067e6;
	color:#0067e6;
}

.haru-homepage-endbutton.haru-pagebuttom-buybutton a.haru-white-btn{
	 color: #0067e6;
	background-color: #fff;
	transition: all 0.33s ease;
}
.haru-homepage-endbutton.haru-pagebuttom-buybutton a.haru-white-btn:hover{
	border-color: #fff;
	color: #fff;
	background-color:rgba(255,255,255,0);
}
#haru-homepage-old_entrance .haru-white-button a.haru-btn-nodec{
	    color: #fff;
    background-color: #0067e6;
    border-color: #0067e6;
}
#haru-homepage-old_entrance .haru-white-button a.haru-btn-nodec:hover{
	border-color: #0067e6;
	background-color: transparent;
	color: #0067e6 !important;
}
#haru-homepage-old_entrance .cloud-card--solution .cloud-card-icon {
	height: 100px;
    width: auto;
}



#haru-homepage-old_entrance .cloud-grid.cloud-grid-no-gap .cloud-grid-col{
	border-style: solid;
	border-color: rgba(255,255,255,1);
	border-width:2px;
}


#haru-homepage-old_entrance #cloud-site .cloud-card.cloud-card--solution{
	transition: box-shadow .3s ease-out, background-size .3s ease-out, border .3s ease-out;
background-color: #f3f6f9;
/* 	border-style: none none solid  none; */
	border: none;
		border-bottom: solid  #f3f6f9; 
}

#haru-homepage-old_entrance #cloud-site .cloud-card.cloud-card--solution:hover{
cursor: pointer;
    box-shadow: 0px 8px 25px #9fb7d4;
	border-bottom: solid  #0067e6; 
/*     z-index: 2; */
}

/*
#haru-homepage-old_entrance #cloud-site .cloud-card.cloud-card--solution .cloud-card-arrow svg{
	position: relative;
}
 */
 
#haru-homepage-old_entrance #cloud-site .cloud-card.cloud-card--solution:hover .cloud-card-arrow svg{
 right: -18px;
transition: right 3s ease-out;
	
}

#haru-email-qscirclesection,#haru-hp-rotation{
background: linear-gradient(30deg, rgb(0,112,240), rgb(030,57,164));
}
#haru-hp-rotation{
box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
}

@media only screen and (max-width: 770px){
	#haru-homepage-old_entrance .cloud-grid, .cloud-grid--alternate {
    display: block;
}
}

@media only screen and (max-width: 770px){
	#haru-homepage-old_entrance .cloud-grid, .cloud-grid--alternate {
    display: block;
}
}

/*************************************
 * 
 * 首页功能介绍#haru-homepage-function_info
 * 
 * **********************************/
/* #haru-homepage-function_info .haru-arrow-button:hover span{
	text-decoration: underline;
} */

.haru-arrow-button {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 20px;
  padding-right: 0;
  font-weight: 500;
  font-size: 18px;
}
.haru-arrow-button:after {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    right: -8px;
/*     top: -.5em; */
    transition: right 0.3s;
    width: 20px;
    height: 20px;
    background: url('http://www.nsecsoft.com/wp-content/uploads/2020/09/haru-jiantou.png');
    background-size: cover;
    content: '';
  }

.haru-arrow-button:hover:after {
      right: -18px;
    }


/*************************************
 * 
 * 首页重点功能#haru-homepage-icon-list
 * 
 * **********************************/
        #haru-homepage-icon-list img {
            display: block;
					height:100px;
/*            width: 100px; */
        }
        
        #haru-homepage-icon-list.row {
            position: relative;
            clear: both;
        }
        #haru-homepage-icon-list .row:before,
        #haru-homepage-icon-list .row:after {
            content: '';
            display: block;
            clear: both;
        }
        #haru-homepage-icon-list .col {
            float: left;
        }
        
        #haru-homepage-icon-list .col-8 {
            width: 33.333333333333333333%;
        }
        
        #haru-homepage-icon-list .col-12 {
            width: 50%;
        }
        
        #haru-homepage-icon-list .col-16 {
            width: 66.666666666666666%;
        }

#haru-homepage-icon-list .col-12{
padding: 10px 20px 10px 5px;
}
#haru-homepage-icon-list .col-8,
#haru-homepage-icon-list .col-12,
#haru-homepage-icon-list .icon-link-cell{
display: flex;
	justify-content:center;
	flex-wrap: wrap;
}
#haru-homepage-icon-list .icon-link-cell{
	width: 100%;
	margin: 10px 0;
}
#haru-homepage-icon-list a{
	font-size: 18px;
line-height: 1.5;
	color: #444;
	display: flex;
height: 100%;
align-items: center;
	flex-wrap: wrap;
}
#haru-homepage-icon-list a:hover{
	text-decoration: none;
}

@media only screen and (max-width: 450px){
	        #haru-homepage-icon-list .col-12 {
						float: none;
            width: 100%;
        }
}
#haru-homepage-icon-list .col-12{
	transition: box-shadow .3s ease-out, background-size .3s ease-out;
}
#haru-homepage-icon-list .col-12:hover{
	background-color: #f3f6f9;
box-shadow: 0px 8px 25px #9fb7d4;
}

#haru-homepage-icon-list .col-12:hover .haru-arrow-button:after {
      right: -18px;
    }


/*************************************
 * 
 * 客户列表 #haru-contentslider-section-productivity
 * 
 * **********************************/
#haru-contentslider-section-productivity 
.avia-image-container img{
	max-height: 520px;
	width: auto;
}

#haru-contentslider-section-productivity .av-subheading{
	
	padding-bottom: 1em;

}



/*************************************
 * 
 * 首页三个垂直换行的卡片 #haru-hp-smcards 
 * 
 * **********************************/
      

        #haru-hp-smcards .haru-hp-smcards-container {
            color: #444;
            display: flex;
/*             flex-direction: column; */
            flex-wrap: wrap;
            justify-content: space-around;
            width: 100%;
            height: 100%;
        }
        
        #haru-hp-smcards .haru-hp-smcards-container a {
            display: block;
            text-decoration: none;
            color: inherit;
        }
        
        #haru-hp-smcards .haru-hp-smcard {
					width: 40%;
            min-width: 240px;
					min-height: 300px;
            padding: 30px;
            margin: 20px;
            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
            background-color: #fff;
            border-radius: 20px;
/*             border-radius: 50px;
            background: #f9f9f9;
            box-shadow: 20px 20px 60px #d4d4d4, -20px -20px 60px #ffffff; */
        }
@media screen and (max-width: 767px){
	 #haru-hp-smcards .haru-hp-smcard {
		 width: 100%;
		 min-height: 200px;
	}
	
}
        #haru-hp-smcards .haru-hp-smcard .haru-hp-smcard-icon {
            max-width: 24px;
        }
        
        #haru-hp-smcards .haru-hp-smcard .haru-hp-smcard-icon img {
            max-width: 100%;
        }
        
        #haru-hp-smcards .haru-hp-smcard .haru-hp-smcard-title {
            font-size: 18px;
            font-weight: 700;
            padding: 1em 0;
        }
        
        #haru-hp-smcards .haru-hp-smcard .haru-hp-smcard-info {
            font-size: 16px;
        }	  
	  
	  
	  /*************************************
 * 
 * 首页banner下面的轮播  #haru-hp-rotation
 * 
 * **********************************/
	  #haru-hp-rotation{
background: linear-gradient(30deg, rgb(0,112,240), rgb(030,57,164));
}
#haru-hp-rotation{
box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
}


	  /*************************************
 * 
 * #haru-functionpage-fullwith     功能页
 * 
 * **********************************/
#haru-functionpage-fullwith>.container{
			max-width: 100%;
	padding: 0;
	margin: 0;
}
#haru-functionpage-fullwith .main_color .avia-icon-list .iconlist_icon,
 #haru-autobackup-iconlist .iconlist_icon{
    background-color: transparent;
}
#haru-functionpage-fullwith ul.disc, .entry-content-wrapper ul {
    list-style-type: none;
}
#haru-functionpage-fullwith li::marker {
   color: transparent;
}
@media screen and (max-width: 767px) {
    .responsive #top #wrap_all #haru-functionpage-fullwith>.container {
        max-width: 100%;
        width: 100%;
    }
}
#haru-functionpage-fullwith #haru-functionpage-licensecard {
    padding-top: 50px;
	padding-bottom: 50px;
}

#haru-autobackup-iconlist  .av-iconlist-small .iconlist_icon {
    background: transparent;
    color: inherit;
    height: 1.45em;
    width: 1.45em;
    line-height: 1.45em;
    font-size: inherit;
    margin-right: 0.25em;
	position: relative;
	float:left;
}
#haru-autobackup-iconlist  .avia-icon-list .iconlist_content {
    line-height: 1.65em;
}
#haru-autobackup-iconlist .av-iconlist-small .iconlist_content_wrap{
	min-height: 0;
padding: 0;
	overflow: hidden;
}



/****************************
 * 
 * 
 * 客户案例页#haru-case_study-aside
 * 
 * 
 * ***************/
@media (min-width: 1024px){
#haru-case_study-aside .haru_p-aside .haru_p-recommend_models {
    padding-bottom: 25px;
    margin-bottom: 25px;
}
	}
#haru-case_study-aside .haru_p-aside .haru_p-recommend_models {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d4d9dd;
}
#haru-case_study-aside .haru_p-aside .haru_p-wrap {
    padding: 30px 28px 60px;
}

#haru-case_study-aside .haru_p-aside .haru_p-contact {
    display: block;
    background: url(http://www.nsecsoft.com/wp-content/uploads/2020/11/haru-contact_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 70px 44px;
    color: #fff;
    position: relative;
	    cursor: pointer;
}
@media (min-width: 1024px){
	#haru-case_study-aside .haru_p-aside .haru_p-contact {
    padding: 35px 35px 30px;
}
}
#haru-case_study-aside .haru_p-aside h4 {
    font-size: 15px;
    color: #68757f;
}
#haru-case_study-aside .haru_p-aside ul li {
    margin-bottom: 5px;
    list-style: none;
    padding-left: 10px;
    background: url(http://www.nsecsoft.com/wp-content/uploads/2020/11/haru-li_bg.png) no-repeat 0 15px;
    color: #68757f;
}
#haru-case_study-aside .haru_p-aside .haru_p-contact:after {
    position: absolute;
    left: 28px;
    top: -22px;
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background-color: #0067e6;
    background: url(http://www.nsecsoft.com/wp-content/uploads/2020/11/haru-contact_icon.png) no-repeat center center;
}
#haru-case_study-aside .haru_p-aside li a{
/* 	display: block; */
	color: inherit; 
	text-decoration: underline;
}
#haru-case_study-aside .haru_p-aside li a:hover{
	color:#0067e6 !important;
}

#haru-partner-smimg img{
	height: 165px;
width: auto;
}

/* ********************
 * 
 * 关于我们 #haru-aboutus-about
 * 
 * ******************** */

#haru-aboutus-about .cloud-card
{
	min-width: inherit;
}

#haru-aboutus-about .cloud-card--solution{
	padding-left: 0;
	padding-right: 0;
	margin:0;
	
}
#haru-aboutus-about .cloud-grid, .cloud-grid--alternate {
	display: block;
}
#haru-aboutus-about .haru-aboutitem .haru-aboutitem-title,
#haru-aboutus-about .haru-aboutitem .haru-aboutitem-content{
	display:inline-block;
}


#haru-aboutus-about .cloud-card:hover .haru-aboutitem-content:after {
    transform:translateX(8px)
}

#haru-aboutus-about .haru-aboutitem-title {
    font-size: 18px;
}

#haru-aboutus-about .haru-aboutitem-content {
/*     flex-grow:1 */
display: block;
margin-top: 1em;
margin-bottom: 1em;
}

#haru-aboutus-about .haru-aboutitem-content:after {
    content: '';
    display: block;
    width: 13px;
    height: 12px;
    background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/12/haru-arrow_right.png");
    background-repeat: no-repeat;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-size: cover;
    transform: translateX(0);
    margin: 20px 0 0;
    position: relative;
    top:0
}

    #haru-aboutus-about .haru-aboutitem-content:after {
        background-image: url("http://www.nsecsoft.com/wp-content/uploads/2020/12/haru-arrow_right@2x.png")
    }

/* ********************
 * 
 * 关于我们 #haru-aboutus-about 
 * 
 * ******************** */

    #haru-aboutus-about #cloud-site .cloud-card.cloud-card--solution {
        transition: none;
        background-color: transparent;
        border: none;
        border-bottom: none;
    }

    #haru-aboutus-about #cloud-site .cloud-card.cloud-card--solution:hover {
        cursor: pointer;
        box-shadow: none;
        border-bottom: none;
    }
   
    #haru-hp-rotation {
        box-shadow: none;
    }

/* ********************
 * 
 *申请试用 #haru-trial-docs
 * 
 * ******************** */
#haru-trial-docs .haru-trial-doc{
background-color:#f3f6f9
}

#haru-trial-docs .haru-trial-doc:hover{
transition: all 0.33s ease;
	box-shadow: 0px 8px 25px #9fb7d4;
}
#haru-trial-docs .haru-trial-doc:hover a{
	background-color: #0067e6;
transition: all 0.33s ease;
color: #fff;
}
 #haru-trial-docs .haru-trial-doc-top,
#haru-trial-docs a{
	padding: 1.5em;
}

#haru-trial-docs p{
	margin:0;
}

#haru-trial-docs a{
	color:  #0067e6;
}

#haru-trial-docs a:hover
{
text-decoration: underline;
}
/* ********************
 * 
 *服务支持 #haru-support-table
 * 
 * ******************** */
/*
#haru-support-table .haru-btn-nodec:hover{
	color: #0067e6 !important;
	background-color: #ffffff !important;
}

#haru-support-table .comparison-grid .flex-rows .role-based-header{
	background: linear-gradient(30deg, rgb(0,112,240), rgb(030,57,164));
}
#haru-support-table .flex-rows .cell:nth-child(3), .flex-rows .cell:nth-child(5),
#haru-support-table .flex-rows:nth-child(2) .cell:nth-child(4), .flex-rows:last-child .cell:nth-child(4){
	border-left: 2px solid rgb(0,112,240);
}
#haru-support-table .flex-rows:last-child .cell:nth-child(3){
	border-bottom: 2px solid rgb(0,112,240);
}
*/
/* ********************
 * 
 *支持特性#haru-support-landing
 * 
 * ******************** */

    #haru-support-landing .haru-support-highlight {
        position: relative;
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    
    #haru-support-landing .haru-support-highlight h2 {
        margin-bottom: 80px;
        text-align: center
    }
    
    #haru-support-landing .haru-support-highlight__list {
        list-style: none;
        padding: 0;
        margin: 0;
        justify-content: center
    }
    
    #haru-support-landing .haru-support-highlight__item {
        padding: 15px 30px;
        border-radius: 20px;
        transition: .25s ease-in-out;
        cursor: pointer;
			margin:0;
    }
    
    #haru-support-landing .haru-support-highlight__item:hover {
        background-color: #F5F5F5
    }
    #haru-support-landing .haru-support-highlight__item .haru-support-highlight__item__img{
	max-height: 54px;
	max-width: 54px;
}
    #haru-support-landing p.haru-support-highlight__item__title{
        font-size: 18px;
			font-weight: bold;
    }
/* 
 * 
 * 
 * 
 * 
 * 
 * 
 * haru-support
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 *  */
       
 #haru-support-storage .haru-support-storage__card {
	 color:#fff
    }
    
    #haru-support-storage .haru-support-round-card {
        padding: 0;
    }
    
    #haru-support-storage .haru-support-c-card-w-r-img__text {
        padding: 30px
    }
    
    @media (min-width: 480px) {
						
        #haru-support-storage .haru-support-c-card-w-r-img__text {
            padding: 50px
        }
    }
    
    @media (min-width: 1280px) {
        #haru-support-storage .haru-support-c-card-w-r-img__text {
            width: 40%
        }
    }
    
    #haru-support-storage .haru-support-c-card-w-r-img__img-container {
        padding: 0 30px
    }
    
    @media (min-width: 480px) {
        #haru-support-storage .haru-support-c-card-w-r-img__img-container {
            padding: 0 50px
        }
    }
    
    @media (min-width: 1280px) {
        #haru-support-storage .haru-support-c-card-w-r-img__img-container {
            padding: 50px 0 0 0;
            width: 60%;
        }
    }
#top #wrap_all #haru-support-storage .haru-support-c-card__title,
#top #wrap_all #haru-support-landing .haru-support-management-security__card .haru-support-c-card__title {
color:#ffffff;
	    font-size: 22px;
    font-weight: 600;
}
    #haru-support-storage .haru-support-c-card-w-r-img__img-container .haru-support-c-card-w-r-img__img {
        max-width: 900px;
    }
    
    #haru-support-storage .haru-support-c-card-w-r-img__img-container .haru-support-c-card-w-r-img__img img,
    #haru-support-storage .haru-support-c-card-w-r-img__img-container .haru-support-c-card-w-r-img__img video {
        width: 100%;
        height: auto
    }
    
    #haru-support-storage .haru-support-c-card-w-r-img__img-container {
        padding-bottom: 30px
    }
    
    @media (min-width: 480px) {
        #haru-support-storage .haru-support-c-card-w-r-img__img-container {
            padding-bottom: 50px
        }
    }
    
    @media (min-width: 1280px) {
        #haru-support-storage .haru-support-c-card-w-r-img__img-container {
            padding-bottom: 0
        }
    }
    
    #haru-support-storage .haru-support-storage__card__img-small {
        display: block
    }
    
    #haru-support-storage .haru-support-storage__card__img-small .haru-support-c-card-w-r-img__img {
        box-shadow: none
    }
    
    @media (min-width: 1280px) {
        #haru-support-storage .haru-support-storage__card__img-small {
            display: none
        }
    }
    
    #haru-support-storage .haru-support-storage__card__img-large {
        display: none
    }
    
    @media (min-width: 1280px) {
        #haru-support-storage .haru-support-storage__card__img-large {
            display: block
        }
    }
    
    #haru-support-storage .haru-support-2-row__down1 .haru-support-storage__card {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
			padding-right: 0
    }
    
    @media (max-width: 1439px) {
			        #haru-support-storage .haru-support-2-row__down1 .haru-support-storage__card {
            padding-right: 0
        }
    }
    
    #haru-support-storage .haru-support-2-row__down1 .haru-support-storage__card .haru-support-c-card-w-r-img {
        height: 100%
    }
    
    #haru-support-storage .haru-support-2-row__down1 .haru-support-storage__card .haru-support-c-card-w-r-img__text {
        padding: 30px
    }

    @media (min-width: 480px) {
        #haru-support-storage .haru-support-2-row__down1 .haru-support-storage__card .haru-support-c-card-w-r-img__text {
            padding: 50px;
            padding-bottom: 20px
        }
    }
    
    @media (min-width: 1280px) {
        #haru-support-storage .haru-support-2-row__down1 .haru-support-storage__card .haru-support-c-card-w-r-img__text {
            padding: 50px 20px 50px 50px
        }
    }
    
    #haru-support-storage .haru-support-2-row__down1 .haru-support-storage__card .haru-support-c-card-w-r-img__img-container {
        height: 100%
    }
    
    #haru-support-storage .haru-support-2-row__down1 .haru-support-storage__card .haru-support-c-card-w-r-img__img {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        height: auto
    }
    
    @media (min-width: 1280px) {
        #haru-support-storage .haru-support-2-row__down1 .haru-support-storage__card .haru-support-c-card-w-r-img__img {
            justify-content: center;
            height: 100%
        }
    }
    
    @media (min-width: 1440px) {
        #haru-support-storage .haru-support-2-row__down1 .haru-support-storage__card .haru-support-c-card-w-r-img__img {
            justify-content: center;
        }
    }
    
    #haru-support-storage .haru-support-2-row__down1 .haru-support-storage__card .haru-support-c-card-w-r-img__img img {
        width: auto;
        max-height: 220px
    }
    
    @media (min-width: 568px) {
        #haru-support-storage .haru-support-2-row__down2 .haru-support-storage__card .haru-support-c-card-w-r-img__text {
            padding-bottom: 20px
        }
    }
    
    @media (min-width: 1280px) {
        #haru-support-storage .haru-support-2-row__down2 .haru-support-storage__card .haru-support-c-card-w-r-img__text {
            padding-bottom: 0
        }
    }
    
    #haru-support-storage .haru-support-2-row__down2 .haru-support-storage__card .haru-support-c-card-w-r-img__img {
        text-align: center
    }
    
    @media (min-width: 1280px) {
        #haru-support-storage .haru-support-2-row__down2 .haru-support-storage__card .haru-support-c-card-w-r-img__img {
            padding-left: 64px;
            text-align: left
        }
    }
    
#haru-support-storage .haru-support-2-row__down2 p{
	display:block;
	margin:0;
}
#haru-support-storage .haru-support-2-row__down2 .right-card-small-text {
        color: #AAAAAA;
        margin-top: 0;
        margin-bottom: 0
    }
    
    #haru-support-storage .haru-support-2-row__down2 .right-card-digit {
        font-size: 100px;
        font-weight: 600;
        color: #12DCAC;
        line-height: 0.8
    }
#haru-support-landing .haru-support-management-security__card {
    position: relative;
    background-color: #182745;
}
#haru-sd-sm-img2 .haru-white-button a:hover{
background-color: transparent !important;
color: #0067e6 !important;
}
#haru-support-storage .av_one_full .avia_animated_image img{
	height: 86px;
	width: auto;
	margin-bottom: 20px;
}
#haru-support-storage .haru-support-explore,
#haru-support-landing .haru-support-explore{
	color: #1E67FE;
	text-decoration: none;
}
/* ********************
 * 
 * 提交表单获得文档  #haru-submitform
 * 
 * ******************** */
#haru-submitform .av_two_fifth.el_after_av_three_fifth.el_before_av_three_fifth {
	border-top: 5px solid rgb(0,112,240) !important;
} 

#haru-submitform input.button {
	box-sizing: border-box;
	border-radius: 5em;
	width: 100%;
	background:linear-gradient(30deg, rgb(0,112,240), rgb(030,57,164));
	font-weight:bold;
		border: 1px solid #fff;
transition:	all .3s ease-in-out
} 
#haru-submitform input.button:hover{
background: none;
	color: rgb(0,112,240);	border-color: rgb(0,112,240);
}
#top #haru-submitform h3.avia-form-success{
	font-weight: 600;
	color: #01d77d;
}
/* -------------------------------- 
    
    新首页
    
    -------------------------------- */


/* 
    首页banner轮播.haru-easyslider
 * #haru-hp2021-banner
*/

#haru-hp2021-banner{
    background-size: cover;
    background-position: 50%;
    background-image: url(https://www.nsecsoft.com/wp-content/uploads/2021/02/haru-banner101.svg);
    -webkit-animation: in-view .9s linear;
    animation: in-view .9s linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

#haru-hp2021-banner #haru-hp-typing .haru-typing-before {
	    background: linear-gradient(90deg, #0575E6,#01d77d);
	line-height: 1.5em;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 100%, 100%;
display: inline-block;
}


/* 
    #haru-hp2021-rotation 活动轮播
*/

#haru-hp2021-rotation {
/*     background: linear-gradient(
30deg
, #00f260,#0575e6); */
	    background: linear-gradient(
60deg
,#00f260 ,#0575e6);
}

/* -------------------------------- 
    
    服务支持2021
    
    -------------------------------- */


/* 
    #haru-support2021-banner 新服务支持banner
*/

#top #haru-support2021-banner h1.av-special-heading-tag {
	font-weight: 900;
}


/* 
    #haru-cardbox2021 新服务支持合作伙伴类别
*/

#haru-cardbox2021 .haru-cardbox2021-group{
			background-color: #f3f6f9;
text-align:center;
	border-radius: 20px;
	border:solid 3px #f3f6f9;
	    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

#haru-cardbox2021 img{
/* 		border: 2px solid rgb(0,112,240);
	border-bottom: none; */
	width: 100%;
}

#haru-cardbox2021 .haru-cardbox2021-group .haru-cardbox2021-text{
	color:#444;
}
/* vertical */
#haru-cardbox2021 .haru-cardbox2021-vertical{
/* 		background-color: #fff; */
}
#haru-cardbox2021 .haru-cardbox2021-vertical img{
	border-radius: 20px 20px 0 0;
}

#haru-cardbox2021 .haru-cardbox2021-vertical .haru-cardbox2021-text{
padding:16px 36px 46px 36px;
		border-radius:0 0 20px 20px;
}

#haru-cardbox2021 .haru-cardbox2021-vertical .haru-cardbox2021-title{
	font-size: 21px;
    font-weight: 600;
	padding: 1em 0;
}

#haru-cardbox2021 .haru-cardbox2021-vertical .haru-cardbox2021-info{
		font-size: 18px;
}

/* horizontal */
@media only screen and (min-width: 768px){
	#haru-cardbox2021 .haru-cardbox2021-horizontal{
display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
#haru-cardbox2021 .haru-cardbox2021-horizontal .haru-cardbox2021-img{
	display:block;
    flex-basis: 40%;
    max-width: 40%;
}
#haru-cardbox2021 .haru-cardbox2021-horizontal .haru-cardbox2021-img img{
				border-radius:20px 0 0 20px;
		height: 100%;
}
#haru-cardbox2021 .haru-cardbox2021-horizontal .haru-cardbox2021-text{
	    flex-basis: 60%;
    max-width: 60%;
/* 	    background: #f5f5f7; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 36px 60px;
			border-radius:0 20px 20px 0;
}

#haru-cardbox2021 .haru-cardbox2021-horizontal .haru-cardbox2021-title{
	font-size: 28px;
    font-weight: 600;
    letter-spacing: .007em;
		padding-bottom: .7em;
}

#haru-cardbox2021 .haru-cardbox2021-horizontal .haru-cardbox2021-info{
font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
}
}
@media only screen and (max-width: 767px){
	#haru-cardbox2021 .haru-cardbox2021-horizontal{
/* 		background-color: #fff; */
}
#haru-cardbox2021 .haru-cardbox2021-horizontal img{
	border-radius: 20px 20px 0 0;
}

#haru-cardbox2021 .haru-cardbox2021-horizontal .haru-cardbox2021-text{
padding:16px 36px 46px 36px;
		border-radius:0 0 20px 20px;
}

#haru-cardbox2021 .haru-cardbox2021-horizontal .haru-cardbox2021-title{
	font-size: 19px;
	padding: 1em 0;
    font-weight: 500;
/*     letter-spacing: .012em; */
}

#haru-cardbox2021 .haru-cardbox2021-horizontal .haru-cardbox2021-info{
	font-weight: 700;
}
}


/* 
   #haru-support2021-howtojoin
*/

@media only screen and (max-width: 767px){
	#top #haru-support2021-howtojoin p,
		#top #haru-support2021-howtojoin a{
		text-align: center !important;
	}
}
/* -------------------------------- 
    
    合作伙伴2021
    
    -------------------------------- */

/* 
    #haru-cooperation2021-banner
*/
/* #haru-cooperation2021-banner{
	clip-path: polygon(0 0,100% 0,100% calc(100% - 10vw),0 100%);
} */
/* 
    #haru-cooperation2021-smimg
*/

#haru-cooperation2021-smimg img,
#haru-support-storage img,
#haru-cooperation2021-profit img{
	max-width: 70px;
}

/* -------------------------------- 

    申请试用2021
    
    -------------------------------- */
#haru-free_trial2021-bannerimg .haru-bannerimg{
	top: -300px;
	right: -80%;
}
#haru-free_trial2021-bannerimg .haru-bannerimg img{
display: block; 
	position: absolute; 
}
@media only screen and (max-width: 1200px){
	#haru-free_trial2021-bannerimg .haru-bannerimg img{
		top: 90px;
			right: -20%;
}
}
@media only screen and (max-width: 1050px){
	#haru-free_trial2021-bannerimg{
		    background-image: url(https://www.nsecsoft.com/wp-content/uploads/2021/04/haru-banner112.png)!important;

	}
	#haru-free_trial2021-bannerimg .haru-bannerimg img{
display: none;
}
}

.haru-free_trial2021-doc .haru-list-checkmarks li{
	    position: relative;
    padding-left: 39px;
}

.haru-free_trial2021-doc .haru-list-checkmarks li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 15px;
    height: 14px;
    background-image: url("https://www.nsecsoft.com/wp-content/image/haru-icon-check.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}



/* -------------------------------- 

    服务支持2021
    
    -------------------------------- */

#haru-support2021-vip-cards .av_one_third{
	box-shadow: 1px 12px 50px 1px rgba(0, 0, 0, .05);
}

#haru-support2021-vip-cards a.avia-size-x-large{
	width: 100%;
	border-radius: 10px;
	padding: 20px 50px;
}

#haru-support2021-vip-cards .el_after_av_one_third.el_before_av_one_third .haru-free_trial2021-doc .haru-list-checkmarks li:before {
    background-image: url("https://www.nsecsoft.com/wp-content/image/haru-icon-check-white.svg") !important;
}

#haru-support2021-cardbox .entry-content-wrapper.clearfix{
		box-shadow: 1px 12px 50px 1px rgba(0, 0, 0, .07);
/* 	    background: linear-gradient(
30deg
,#0070f0,#1e39a4); */
		background-color: #fff;
	    background-color: #f4f6f9;
    border-radius: 30px;
}

#haru-support2021-cardbox .haru-trial-doc{
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1200px){
	#haru-support2021-cardbox .haru-trial-doc {
    max-width: 1280px;
}
}

@media (min-width: 768px){
	#haru-support2021-cardbox .haru-trial-doc {
    max-width: 720px;
}
}

@media (min-width: 576px){
	#haru-support2021-cardbox .haru-trial-doc {
    max-width: 540px;
}
}

#haru-support2021-policy .haru-trial-doc-title{
	padding-left: 15px;
	 font-family: Mierb, Inter, arial, sans-serif;
	font-weight: 600;
	font-size: 24px;
}

#haru-support2021-policy .haru-trial-doc-title:before{
	display: inline-block;
	content:'';
	position: relative;
	top: 8px;
	right: 16px;
	padding: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
	
}

#haru-support2021-policy .av_one_third.first .haru-trial-doc-title:before{
	background-image: url('https://www.nsecsoft.com/wp-content/uploads/2021/05/haru-support-color_icon1.svg');
}

#haru-support2021-policy .av_one_third.avia-builder-el-11  .haru-trial-doc-title:before{
	background-image: url('https://www.nsecsoft.com/wp-content/uploads/2021/05/haru-support-color_icon2.svg');
}

#haru-support2021-policy .av_one_third.avia-builder-el-13  .haru-trial-doc-title:before{
	background-image: url('https://www.nsecsoft.com/wp-content/uploads/2021/05/haru-support-color_icon3.svg')
}


/* -------------------------------- 

    首页2021继续改版下面
    
    -------------------------------- */

#haru-hp2021-customers .av_one_fifth{
	transition: box-shadow .3s ease-out, background-size .3s ease-out, border .3s ease-out;
}
#haru-hp2021-customers .av_one_fifth:hover{
box-shadow:0px 8px 25px #9fb7d4;
}

#haru-hp2021-customers .av_one_full a.haru-hp2021-allcustomers{
	color:#0067ed;
	position: relative;
}

#haru-hp2021-customers .av_one_full a.haru-hp2021-allcustomers:after{
	display:inline-block;
	content:'';
	height: 26px;
	width: 26px;
	background-image:url(https://www.nsecsoft.com/wp-content/image/haru-hp2021-arrow_right.svg);
	position: relative;
	right:-8px;
	bottom: -7px;
	transition:all .3s ease-out;
}

#haru-hp2021-customers .av_one_full a.haru-hp2021-allcustomers:hover:after{
right: -13px;
}

/* -------------------------------- 

  #haru-2021-hover-cards
    
    -------------------------------- */


#top #haru-2021-hover-cards .haru-trial-doc a{
	border-color: #0067ed; 
	color: #0067ed;
}

#top #haru-2021-hover-cards .haru-trial-doc a:hover{
	color: #fff;
}

#haru-2021-hover-cards .avia-image-overlay-wrap .haru-color_icon2021 {
    width: 32px;
    margin-top: 25px;
}


/* #haru-2021-hover-cards .haru-fs-card.haru-cardborder{
	border-radius: 10px;
	border: solid 2px #f4f6f9;
	border-top: #3564c1;
	transition: all .3s ease-out;
} */

#haru-2021-hover-cards .haru-fs-card .haru-fs-card-container {
    /* 	border-radius: 6px; */
    padding: 30px 30px 50px 30px;
    /* 	border-top: 6px solid #3564c1; */
}

#haru-2021-hover-cards .haru-fs-card .haru-fs-card-title {
    font-family: Mierb, Inter, arial, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 2em;
    padding: 1em 0;
    text-indent: .3em;
}

#haru-2021-hover-cards a {
    color: #444;
}

#haru-2021-hover-cards a:hover,
#haru-2021-hover-cards a:visited,
#haru-2021-hover-cards a:active {
    text-decoration: none;
}

#haru-2021-hover-cards .haru-doclink {
    padding-top: 24px;
}


/* #haru-2021-hover-cards .haru-fs-card.haru-cardshadow:hover {
		box-shadow: 1px 12px 50px 1px rgba(0, 0, 0, .09);
}
 */

#haru-2021-hover-cards .haru-fs-card .haru-fs-linkcard:visited,
#haru-2021-hover-cards .haru-fs-card .haru-fs-linkcard:active,
.haru-fs-card .haru-fs-linkcard:focus {
    text-decoration: none;
}

#haru-2021-hover-cards .haru-fs-linkcard .haru-docarrow:after {
    display: inline-block;
    content: '';
    height: 26px;
    width: 26px;
    transition: all .3s ease-out;
}

#haru-2021-hover-cards .haru-fs-card .haru-fs-linkcard:hover .haru-docarrow:after {
    right: -9px;
}

#haru-2021-hover-cards #haru-hp2021new-jiami .haru-fs-card-subtitle {
    font-size: 15px;
    opacity: 0.8;
}

#haru-2021-hover-cards #haru-hp2021new-jiami .haru-fs-card-title {
    padding-top: 5px;
    /* 	padding-left: 5px; */
    line-height: 1.5em;
}

#haru-2021-hover-cards .av-flex-placeholder {
    width: 4%;
}

#haru-2021-hover-cards .haru-fs-card-title:before {
    display: inline-block;
    content: '';
    position: relative;
    top: 13px;
    right: 7px;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card1:before {
    background-image: url(http://www.hmdlp.cn/svg/tmjmtb.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card2:before {
    background-image: url(http://www.hmdlp.cn/svg/tmjm.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card3:before {
    background-image: url(http://www.hmdlp.cn/svg/ukey.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card4:before {
    background-image: url(http://www.hmdlp.cn/svg/wfdb.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card5:before {
    background-image: url(http://www.hmdlp.cn/svg/zdy.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card6:before {
    background-image: url(http://www.hmdlp.cn/svg/jm.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card7:before {
    background-image: url(http://www.hmdlp.cn/svg/fj.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card8:before {
    background-image: url(http://www.hmdlp.cn/svg/swxwjk.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card9:before {
    background-image: url(http://www.hmdlp.cn/svg/ltjg.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card10:before {
    background-image: url(http://www.hmdlp.cn/svg/xwjg.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card11:before {
    background-image: url(http://www.hmdlp.cn/svg/wljg.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card12:before {
    background-image: url(http://www.hmdlp.cn/svg/pmjg.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card13:before {
    background-image: url(http://www.hmdlp.cn/svg/lxcl.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card14:before {
    background-image: url(http://www.hmdlp.cn/svg/yjmbd.svg);
}

#haru-2021-hover-cards .haru-fs-card-title#haru-hp2021-fs-card15:before {
    background-image: url(http://www.hmdlp.cn/svg/jqb.svg);
}

 #haru-hp2021new-jiami .haru-fs-cardendlink {
	 text-decoration: none;
    display: inline-block;
    padding-top: 1em;
    color: #3564c1;
/* 	  cursor:pointer !important; */
}

#haru-hp2021new-jiami .haru-fs-cardendlink.hover-transition-arrow:after {
    display: inline-block;
    content: '';
    height: 26px;
    width: 26px;
    background-image: url(https://www.nsecsoft.com/wp-content/image/haru-hp2021-arrow_right.svg);
    position: relative;
    right: 2px;
    bottom: -7px;
    transition: all .3s ease-out;
}

#haru-hp2021new-jiami .haru-fs-cardendlink.hover-transition-arrow:hover:after {
    right: -9px;
}

#haru-hp2021-section_separate_box .av_three_fifth {
    box-shadow: 1px 12px 50px 1px rgba(0, 0, 0, .09);
}

#haru-2021-hover-cards .av_one_third.av-equal-height-column,
#haru-2021-hover-cards .av_one_fourth.av-equal-height-column {
    transition: all .3s ease-out;
}

#haru-2021-hover-cards .av_one_third.av-equal-height-column:after,
#haru-2021-hover-cards .av_one_fourth.av-equal-height-column:after {
    display: inline-block;
    content: '';
    height: 26px;
    width: 26px;
    background-image: url(https://www.nsecsoft.com/wp-content/image/haru-hp2021-arrow_right.svg);
    position: absolute;
    left: 27px;
    bottom: 36px;
    transition: all .3s ease-out;
    visibility: visible;
}

#haru-2021-hover-cards .av_one_third.av-equal-height-column:hover:after,
#haru-2021-hover-cards .av_one_fourth.av-equal-height-column:hover:after {
    left: 34px;
}

#haru-2021-hover-cards .av_one_third.av-equal-height-column:hover,
#haru-2021-hover-cards .av_one_fourth.av-equal-height-column:hover {
    box-shadow: 1px 12px 50px 1px rgba(0, 0, 0, .09);
}
#haru-hp2021new-jiami div h3 span{
font-size: 20px;
}

#haru-hp2021new-jiami .haru-content{
	color: #444;
}


/* -------------------------------- 

  #haru-sp_circle
    
    -------------------------------- */
#haru-sp_circle .haru-sp_circle-orbits .cq-placeholder{
		position:absolute;
	top:0;
}

	#haru-sp_circle .orbit-item a.ga-orbit{
		display:block;
		height: 100%;
		width: 100%;
		overflow:visible !important;
}

	#haru-sp_circle .orbit-item.active a.ga-orbit{
		display:block;
	  top: -73px;
		height: 100%;
		width: 100%;
}

@media only screen and (max-width: 896px) {
	#haru-sp_circle .orbit-item.active a.ga-orbit{
	    top: -60px;
}
}

.haru-sp_circle2-eyebrow{
	    font-size: 15px;
    opacity: 0.8;
}

.haru-sp_circle2-h3{
	    font-family: Mierb, Inter, arial, sans-serif;
    font-weight: 600;
    font-size: 24px;
    padding-bottom: 10px;
	    padding-top: 5px;
    line-height: 1.5em;
}

.haru-fs-card .haru-flexcolumn{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* -------------------------------- 

  .haru-gradient-text
    
    -------------------------------- */

#haru-gradient-text-section .haru-gradient-text.blue-to-green span{
	background: -webkit-gradient(linear,left top,right bottom,from(#ff006a),to(#0575E6));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* -------------------------------- 

  .haru-label-group
    
    -------------------------------- */

.haru-label-group.haru-label_s{
	padding-top: 10px; 
	font-size: 12px; 
	color: #666;
	font-weight: 600;
}

.haru-label-group.haru-label_l{
	font-size: 16px; 
	color: #666;
	font-weight: 500;
}

.haru-label-group .haru-label{
	    transition: all .3s ease-out;
}

.haru-label-group.haru-label_s .haru-label{
	display: inline-block;
	padding: 0 1em;
	margin-top: 5px;
	margin-right: 5px;
	border-radius: 20px;
}

.haru-label-group.haru-label_l .haru-label{
	display: inline-block;
	padding: 1em 2em;
	margin-top: 10px;
	margin-right: 10px;
	border-radius: 40px;
	background-color:#fff;
}

.haru-label-group.haru-label_l.haru-label-border_grey .haru-label{
	border: 2px solid #e9eef4;
}

.haru-label-group.haru-label_l.haru-label-hover_blue .haru-label:hover{
	border-color:#0067ee;
	color:#0067ee;
}

.haru-label-group.haru-label_l.haru-label-align_left .haru-label{
float: right;
}
/* 
 * 梯度式加密策略
 */
#haru-autobackup-iconlist .haru-label-group.haru-label_s .haru-label{
		background-color: #f4f6f9;
}

/* 
 * 应对不同办公场景
 */

#haru-hp2021new-jiami .haru-label-group.haru-label_s .haru-label{
	background-color: #fff;
}

/* 
 * 泄密告警
 */

/* 紫 */
.haru-label-group.haru-label_l.haru-label-hover_red .haru-label:hover{
	border-color:#d80000;
	color:#d80000;
}
/* -------------------------------- 

  #haru-pageh1-with-icon
    
    -------------------------------- */

#haru-pageh1-with-icon h1.av-special-heading-tag {
	position: relative;
	right: .2em;
}
#haru-pageh1-with-icon h1.av-special-heading-tag:before {
    display: inline-block;
    content: '';
    height: 1.2em;
    width: 1.2em;
    background-image: url(http://www.hmdlp.cn/svg/wjtmjm.svg);
	  background-repeat: no-repeat;
    position: relative;
/*     right: 10px; */
    bottom: -.2em;
    transition: all .3s ease-out;
    visibility: visible;
}

/* -------------------------------- 

  #haru-des-feature
    
    -------------------------------- */
/* #haru-des-feature-outbox{
	position: relative;
	bottom: 100px;
} */
#haru-des-feature {
	padding: 50px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow:0 15px 29px rgb(26 26 26 / 30%);
		position: relative;
	bottom: 79px;
}

#haru-des-feature .haru-row{
	padding: .5em 0;
}
#haru-des-feature .haru-row img{
	  display: inline-block;
    height: 2em;
    position: relative;
		bottom: .2em;
}
/* 【.#haru-bestride_bg】 */
#haru-bestride_bg{
	background: linear-gradient(to bottom, #081528 50%, #fff 50%);
}
/* 四个特性 */
    #haru-des-feature .haru-col {
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
    }
    
    #haru-des-feature .haru-col img {
        height: 40px;
        padding-right: 10px;
    }
    #haru-des-feature .haru-col h3 {
        padding-bottom: 5px;
    }
    
    @media only screen and (max-width: 767px) {
			#haru-des-feature .haru-col{width: 100%;
					padding:5px 10px 5px 0;}
    }